Dropdown 下拉菜单
下拉菜单组件。
示例
API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| trigger | 触发元素 | ReactNode | - |
| options | 选项列表 | DropdownOption[] | - |
| open | 是否显示 | boolean | - |
| defaultOpen | 默认显示 | boolean | - |
| onOpen | 打开回调 | () => void | - |
| onClose | 关闭回调 | () => void | - |
| onChange | 选中回调 | (key: string) => void | - |
可访问性
Dropdown 使用菜单按钮模式：触发按钮会通过 aria-expanded、aria-haspopup="menu" 与 aria-controls 描述菜单状态。按 Enter、Space 或 ArrowDown 可打开菜单并聚焦第一个可用项；按 ArrowUp 可打开菜单并聚焦最后一个可用项。菜单内可用方向键移动焦点；按 Escape 会关闭菜单并将焦点返回触发按钮。选择菜单项后菜单会关闭，并将焦点返回触发按钮。点击菜单外部也会关闭菜单。