Tabs

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
Modifier
For the active tab
tab-bordered
Modifier
Adds bottom border to tab item
tab-lifted
Modifier
Adds lifted style to tab item
tabs-boxed
Modifier
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
# Tabs
# Bordered
# Lifted
# Boxed
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!