Overlays

Dropdown menu.

Actions for the thing you are working on.

LIVE PREVIEWTry it. It works.
No action selected

Usage

React / TypeScript
<DropdownMenu trigger={<Button variant="secondary">Actions</Button>} items={[{label:"Duplicate",onSelect:duplicate},{label:"Archive",onSelect:archive}]} />

Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.

API & behaviour

Built on Base UI Menu. Each item supports label, onSelect, disabled and destructive. This version offers a single-level action menu.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.