Bottom navigation 底部导航栏

底部导航栏允许在主屏幕之间导航。

类名
类型
btm-nav 组件类 Bottom Navigation container
active
装饰类
makes a child element of btm-nav to show as active
disabled
装饰类
makes a child element of btm-nav to show as disabled
btm-nav-xs
响应类
Resizes btm-nav to extra small
btm-nav-sm
响应类
Resizes btm-nav to small
btm-nav-md
响应类
Resizes btm-nav to medium (default)
btm-nav-lg
响应类
Resizes btm-nav to large
The <meta name="viewport" content="viewport-fit=cover"> is required for responsive of the bottom navigation in iOS.
# Bottom Navigation
# Bottom Navigation with brand colors
# Bottom Navigation with state colors
# With title
# With custom colors
# Sizes
# Disabled buttons
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details