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="label" name="my_tabs_4">
  <.icon name="hero-play" />
  Live
</.tab>
<.tab_content class="border-base-300 bg-base-100 p-10">
  Tab content 1
</.tab_content>
<.tab type="label" name="my_tabs_4" active>
  <.icon name="hero-face-smile" />
  Laugh
</.tab>
<.tab_content class="border-base-300 bg-base-100 p-10">
  Tab content 2
</.tab_content>
<.tab type="label" name="my_tabs_4">
  <.icon name="hero-heart" />
  Love
</.tab>
<.tab_content class="border-base-300 bg-base-100 p-10">
  Tab content 3
</.tab_content>