Skip to content
Lantern

Overlays

Dropdown menu

The action menu. BTS adds first-class icon and shortcut props.
Open in Storybook
Available
Ports as-is
Dual breakpoint

Examples

This component's Storybook stories, embedded. They are the maintained source for its states, so Lantern shows them rather than keeping a duplicate set.

Dropdown menu

Rendered live from Storybook

Storybook must be running for this to load — npm run storybook from the repo root, or set NEXT_PUBLIC_STORYBOOK_URL to a deployed instance.

Reference

Transcribed from the component audit. If this disagrees with the source, the source is right.

Source
src/components/ui/dropdown-menu.tsx
Portability
Copies across unchanged — only the utils import path moves.
States to cover
closedopenicon + shortcut itemasChild linkcheckbox itemradio itemsubmenu
Dependencies
@radix-ui/react-dropdown-menu
Responsive
Carries a load-bearing max-md: / md: pair. Sign off at both viewports — see the rule.
Notes
The BTS icon/shortcut props take a three-branch cloneElement path — all three branches need coverage.