edge-components

Tab: Boxed 

<div class="tabs tabs-boxed">
    <a class="tab">
        Tab 1
    </a>

    <a class="tab  tab-active">
        Tab 2
    </a>

    <a class="tab">
        Tab 3
    </a>

</div>
 
@jrmc.tabs({ class: 'tabs-boxed' })
  @!jrmc.tabs.tab({ text: 'Tab 1' })
  @!jrmc.tabs.tab({ text: 'Tab 2', active: true })
  @!jrmc.tabs.tab({ text: 'Tab 3' })
@end

Tab

Doc : daisyui tab

Tabs can be used to show a list of links in a tabbed format.

Class name Type
tabs Component Container of tab items
tab Component A tab item
tab-active Modofier For the active tab
tab-bordered Modofier Adds bottom border to tab item
tab-lifted Modofier Adds lifted style to tab item
tabs-boxed Modofier Adds a box style to tabs container
tab-xs Responsive Shows tab in extra small size
tab-sm Responsive Shows tab in small size
tab-md Responsive Shows tab in medium (default) size
tab-lg Responsive Shows tab in large size