Bottom navigation
Bottom navigation bar allows navigation between primary screens.
| Class name | Type | |
|---|---|---|
| btm-nav | Component | Bottom Navigation container |
| active | Modifier | makes a child element of btm-nav to show as active |
| disabled | Modifier | makes a child element of btm-nav to show as disabled |
| btm-nav-xs | Responsive | Resizes btm-nav to extra small |
| btm-nav-sm | Responsive | Resizes btm-nav to small |
| btm-nav-md | Responsive | Resizes btm-nav to medium (default) |
| btm-nav-lg | Responsive | Resizes btm-nav to large |
The <meta name="viewport" content="viewport-fit=cover"> is required for responsive of the bottom navigation in iOS.
# With title
# With custom colors
# Sizes
# Disabled buttons
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
