edge-components

Tab: Default 

<div class="tabs">
    <a href="#" class="tab">
        Tab 1
    </a>

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

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

</div>
 
@jrmc.tabs()
  @!jrmc.tabs.tab({ text: 'Tab 1', href: '#' })
  @!jrmc.tabs.tab({ text: 'Tab 2', href: '#', active: true })
  @!jrmc.tabs.tab({ text: 'Tab 3', href: '#' })
@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