Phoenix Duskmoon UI Storybook

Tab

Luke Anakin
Anakin Skywalker, aka. Darth Vador
Attribute Type Documentation Default Value
id :any

html attribute id

 Read more Read less
false
class :any

html attribute class

 Read more Read less
""
header_class :any

header html attribute class

 Read more Read less
""
orientation :string

header html attribute class

 Read more Read less
"horizontal"
active_tab_index :integer

the index of active tab, if active_tab_name is not set, this will be used

 Read more Read less
0
active_tab_name :string

the name of active tab, use for match tab and tab_content

 Read more Read less
""
active_tab_class :any

class of active tab

 Read more Read less
content_class :any

tab_content html attribute class

 Read more Read less
""
tab :slot

Render tab
Show slot attributes Hide slot attributes
id :any
class :any
name :string 
<:tab name="Luke">Luke</:tab>
<:tab name="Anakin">Anakin</:tab>
tab_content :slot

Render tab content
Show slot attributes Hide slot attributes
id :any
class :any
name :string 
<:tab_content name="Luke">Luke Skywalker, brother of Prince Leia Organa</:tab_content>
<:tab_content name="Anakin">Anakin Skywalker, aka. Darth Vador</:tab_content>