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