Phoenix + DaisyUI

Tabs

Tab content 1
Tab content 2
Tab content 3
Attribute Type Documentation Default Value
class :any
size :string
box :boolean false
border :boolean false
lift :boolean false
position :string
rest :global
inner_block :slot 
<.tab type="radio" name="my_tabs_2" title="Tab 1" />
<.tab_content class="border-base-300 bg-base-100 p-10">
  Tab content 1
</.tab_content>
<.tab type="radio" name="my_tabs_2" checked title="Tab 2" />
<.tab_content class="border-base-300 bg-base-100 p-10">
  Tab content 2
</.tab_content>
<.tab type="radio" name="my_tabs_2" title="Tab 3" />
<.tab_content class="border-base-300 bg-base-100 p-10">
  Tab content 3
</.tab_content>