Skip to main content

DropdownMenu

Dropdown menu built on Radix UI.

Import​

import { DropdownMenu } from '@kikumi3n/ui';

Usage​

<DropdownMenu
trigger={<Button>Actions</Button>}
items={[
{ key: 'edit', label: 'Edit', icon: <EditIcon /> },
{ key: 'delete', label: 'Delete', onSelect: handleDelete },
]}
/>

API​

PropTypeDefaultDescription
triggerReactNoderequiredTrigger element
itemsDropdownMenuItem[]requiredMenu items
onSelect(key: string) => void—Item select handler

Accessibility​

Built on Radix UI DropdownMenu with full keyboard navigation and ARIA support.