Menu 菜单

菜单用于垂直或水平显示链接列表。

类名
类型
menu 组件类 Container <ul> element
menu-title 组件类 Specifies the title of menu
disabled
装饰类
Sets <li> as disabled
active
装饰类
Applies actives style to the element inside <li>
focus
装饰类
Applies focus style to the element inside <li>
menu-dropdown-toggle 组件类 Class name for the toggle to show/hide the `menu-dropdown` using JS
menu-dropdown 组件类 Class name for the collapsible <ul> if you want to show it using JS
menu-dropdown-show
装饰类
Shows the `menu-dropdown-toggle` and `menu-dropdown` collapsible submenu using JS
menu-xs
响应类
Extra small size
menu-sm
响应类
Small size
menu-md
响应类
Medium size (default)
menu-lg
响应类
Large size
menu-vertical
响应类
Vertical menu (default)
menu-horizontal
响应类
Horizontal menu
# Responsive: vertical on small screen, horizontal on large screen
# Collapsible submenu
# Collapsible submenu that works with class names
you can open/close the submenu by adding/removing `menu-dropdown-show` class using JS
# File tree
# Horizontal menu
# Horizontal submenu
# Mega menu with submenu (responsive)
# Collapsible with submenu (responsive)
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details