Menu
CoreCompose menu bars and individual menus with checkbox items, radio items, separators, and popovers.
Create a single-trigger dropdown with a convenient wrapper around Menu Core.
bun add @reopt-ai/opt-uiimport { DropdownMenu, DropdownTrigger, DropdownContent, DropdownItem, DropdownSeparator } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| ↑ ↓ | 메뉴 항목 탐색 |
| Enter / Space | 항목 선택 |
| Esc | 메뉴 닫기 |
Compose menu bars and individual menus with checkbox items, radio items, separators, and popovers.
Choose visual options from tiles backed by native radio buttons and checkboxes for keyboard and screen reader access.
Organize tab panels with Root, TabList, Tab, and TabPanel components.
Show the current location and provide navigation through its hierarchy.
Expand and collapse content with Root, Trigger, and Content components.
Compose accessible modal dialogs with triggers, headings, descriptions, dismissal controls, and header, body, and footer regions.