Dialog
CoreCompose accessible modal dialogs with triggers, headings, descriptions, dismissal controls, and header, body, and footer regions.
Expand and collapse content with Root, Trigger, and Content components.
bun add @reopt-ai/opt-uiimport { DisclosureRoot, DisclosureTrigger, DisclosureContent } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| Enter / Space | 열기/닫기 토글 |
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.
Open accessible side or bottom sliding panels with a Dialog-based compound API.
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.