Combobox
CoreBuild autocomplete search with an input, popover, items, groups, group labels, and an empty state.
Build a dropdown selection with Root, Label, Trigger, Popover, and Item components.
bun add @reopt-ai/opt-uiimport { SelectRoot, SelectLabel, SelectTrigger, SelectPopover, SelectItem } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
선택됨: react, svelte
| 키 | 동작 |
|---|---|
| ↑ ↓ | 옵션 탐색 |
| Enter / Space | 옵션 선택 |
| Esc | 팝오버 닫기 |
| 문자 입력 | Typeahead 탐색 |
Build autocomplete search with an input, popover, items, groups, group labels, and an empty state.
Use accessible buttons with primary, secondary, ghost, and danger variants, three sizes, icons, loading, and aria-busy states.
Use a standalone text input with labels, errors, hints, and icons.
Toggle a setting with three sizes and explicit accessible associations for labels and descriptions.
Enter multiline text with the same label, error, and hint API as Input.
Use labeled checkboxes with descriptions, groups, and an indeterminate state synchronized to the DOM property.