Kanshō/Dropdown menu

Dropdown Menu

Button-triggered menus for primary or secondary actions. Built on Radix; supports grouped actions, submenus, checkbox and radio items, shortcut labels, disabled and destructive entries.

Included in the single kansho full pack. Components are not offered as separate installs.

Grouped actions

Default trigger and item layout

Submenus

Nested choices stay tucked away

Checkbox and radio items

Persistent view options

Static reference

Open state styling
Copy run id⌘C
Export log
Delete run

Component documentation

Dropdown Menu

components/ui/dropdown-menu.tsx

Purpose

Provides a composable action menu with groups, selection items, and submenus.

Appropriate use

Use for secondary actions opened from an explicit button or menu trigger.

Example

components/ui/dropdown-menu.tsx has a representative live example in the "Grouped actions" section on /components/dropdown-menu.

States

Supports open and closed content, highlighted and disabled items, destructive items, checkbox and radio selection, and nested submenus.

API and props

DropdownMenu exposes Root, Trigger, Content, Item, CheckboxItem, RadioItem, RadioGroup, Group, Label, Separator, Shortcut, Sub, SubTrigger, and SubContent using Radix prop contracts.

Dependencies

React, Radix Dropdown Menu, Lucide icons, and the Kansho cn utility.

Accessibility

Radix supplies focus management, keyboard navigation, menu roles, checked states, and submenu semantics; reduced-motion styles disable transitions.

Limitations

It is intended for actions and selection, not arbitrary form layouts or primary navigation.

Source

Source: components/ui/dropdown-menu.tsx.

Full pack

components/ui/dropdown-menu.tsx is documented at /components/dropdown-menu and installs only through the single Kansho full pack; no individual component install is offered.