Hygge-UI

Menu

Used to create an accessible dropdown menu.

Source

Examples

Arrow

Use the showArrow prop to show an arrow on the menu.

Context Menu

Use the MenuContextTrigger component to create a context menu.

Group

Use the MenuItemGroup component to group related menu items.

Submenu

Here's an example of how to create a submenu.

Links

Pass the asChild prop to the MenuItem component to render a link.

Placement

Use the placement prop to control the placement of the menu.

Avatar

Here's an example that composes the Menu with the Avatar component to display a menu underneath an avatar.