Browse the docs

PreviousDialog NextToast

Components

Dropdown menu

A list of actions behind a trigger. 36px items with 2px gaps.

Install

npx shadcn@latest add @stardust/dropdown-menu

Examples

Account menu

Examples are React. The Vue components take the same props and variants; only the template syntax differs.

Usage

Do

Group related items and separate groups.
Put destructive items last, with the destructive variant.

Don’t

Don't use a dropdown for choosing a value; use a select.

Accessibility

Full keyboard support: arrows, Home, End, type-ahead, Escape.