View Source PhoenixDuskmoon.Tab (PhoenixDuskmoon v4.5.0)

render tab

Summary

Functions

Generates tabs

Functions

Generates tabs

Example

<.dm_tab active_tab_index={0}>
  <:tab>Menu1</:tab>
  <:tab>Menu2</:tab>
  <:tab_content>Menu1 Content</:tab_content>
  <:tab_content>Menu2 Content</:tab_content>
</.dm_tab>

Attributes

  • id (:any) - html attribute id. Defaults to false.
  • class (:any) - html attribute class. Defaults to "".
  • header_class (:any) - header html attribute class. Defaults to "".
  • orientation (:string) - header html attribute class. Defaults to "horizontal".
  • active_tab_index (:integer) - the index of active tab, if active_tab_name is not set, this will be used. Defaults to 0.
  • active_tab_name (:string) - the name of active tab, use for match tab and tab_content. Defaults to "".
  • active_tab_class (:any) - class of active tab.
  • content_class (:any) - tab_content html attribute class. Defaults to "".

Slots

  • tab - Render tab. Accepts attributes:
    • id (:any)
    • class (:any)
    • name (:string)
  • tab_content - Render tab content. Accepts attributes:
    • id (:any)
    • class (:any)
    • name (:string)