Tabs
Tabs can be used to show a list of links in a tabbed format.
| Class name | Type | |
|---|---|---|
| tabs | Component | Container of tab items |
| tabs-boxed | Modifier | Adds a box style to tabs container |
| tabs-bordered | Modifier | Adds bottom border to tab item |
| tabs-lifted | Modifier | Adds lifted style to tab item |
| tabs-xs | Responsive | Shows tab in extra small size |
| tabs-sm | Responsive | Shows tab in small size |
| tabs-md | Responsive | Shows tab in medium (default) size |
| tabs-lg | Responsive | Shows tab in large size |
| tab | Component | A tab item |
| tab-active | Modifier | For the active tab |
| tab-disabled | Modifier | For a visually disabled tab |
| tab-content | Component | Tab content that comes immediately after a tab |
# Tabs
# Bordered
# Lifted
# Boxed
# Sizes
# radio tab bordered + tab content
Tab content 1
Tab content 2
Tab content 3
# radio tab lifted + tab content
Tab content 1
Tab content 2
Tab content 3
# Tabs with custom color
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!
Support daisyUI's development: Open Collective
