build69
build69  /  Components  /  Overlays  /  DropdownMenu

DropdownMenu

v1.0.6Updated 27 Aug 2026

Context / action menu (Radix). Supports nested submenus, checkboxes, radios, and keyboard shortcuts. Adds searchable items, a recently-used section, icons + keyboard hints, destructive tone, and trigger-width matching.

Preview

Live · 13 stories
DefaultOpen ↗
Why this is recommendedmenucontextactionskebab+5

The default, out-of-the-box DropdownMenu.

Recommended for+14
  • Row action menus
  • Header kebab buttons
  • Filter selectors
  • Row action menus with search
  • Picker dropdowns with recent items
  • Settings menus with checkboxes
Tags+6
menucontextactionskebabsearchrecentnestedkbddefault
Features+4
  • Nested submenus
  • Checkbox / radio items
  • Keyboard shortcuts
  • Separators
  • Searchable items (filter as you type)
  • Recently-used section
  • Icon + Kbd slot per item
  • Match-trigger-width
  • Destructive tone
Not recommended for−2
  • Searchable lists with free-text input (use Input)
  • Modal forms (use Dialog)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "DropdownMenu" })

Usage

import { DropdownMenu } from '@/components/overlays/dropdown-menu';

<DropdownMenu searchable trigger={<Button>Actions</Button>} items={items} />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
searchable

Filter items as you type

boolean
recent

Recently-used item ids

string[]
matchTriggerWidth

Match menu width to trigger

boolean

Related