A contextual menu for actions and navigation
Triggered by a button or element, the dropdown menu displays a floating panel with items, sections, keyboard shortcuts, and nested sub-menus. Hover fills are inset from the panel edge for a refined look.
Default
Sections and groups
Sub-menus
With shortcuts
Compact
// From the npm package
import { DropdownMenu } from 'rift-ds/components/DropdownMenu/DropdownMenu';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/dropdown-menu.json