Menu

A dropdown list of actions.

Installation

import { Menu } from "~/components/ui/Menu";

Usage

<Menu
  trigger={<Button>Actions</Button>}
  items={[{ label: "Rename", onClick }, ...]}
/>

API reference

PropTypeDefaultDescription
triggerReactElement-Element that opens the menu.
items{ label, onClick }[]-The menu items.

Accessibility

  • Built on the Base UI Menu: roving focus, typeahead, Escape to close, and menu ARIA.
View site