Disclosure
CoreExpand and collapse content with Root, Trigger, and Content components.
Open accessible side or bottom sliding panels with a Dialog-based compound API.
bun add @reopt-ai/opt-uiimport { DrawerRoot, DrawerPanel, DrawerClose } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| Esc | 드로어 닫기 |
| Tab | 드로어 내부 포커스 이동 |
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.
Show floating content anchored to a trigger using the Popover primitive.
Compose 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.
Display field types with consistent glyphs and optional labels for strings, numbers, dates, IP addresses, and geographic data.