Menu
Menu is used to display a list of links vertically or horizontally.
Installation
npx jsx-daisyui add menuDefault
menu-default
Horizontal
menu-horizontal
Sizes
menu-sizes
With Title
menu-with-title
With Submenu
menu-with-submenu
Active Item
menu-active
Controlled
menu-controlled
Active: home
Disabled
menu-disabled
Links
menu-links
Props
Menu
| Prop | Type | Default | Description |
|---|---|---|---|
active | string | - | Value of the currently active item. Matched against Menu.Item value prop to apply menu-active to the child element. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Size of the menu. |
direction | 'vertical' | 'horizontal' | 'vertical' | Direction of the menu. |
Menu.Item
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | - | Value matched against Menu active prop to mark this item as active. Adds menu-active to the child element. |
disabled | boolean | - | Adds menu-disabled to the <li>. |