FieldToken
CoreDisplay field types with consistent glyphs and optional labels for strings, numbers, dates, IP addresses, and geographic data.
Build command search with automatic filtering and keyboard navigation, inline or inside CommandDialog.
bun add @reopt-ai/opt-uiimport { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| ↑ ↓ | 활성 항목 이동 |
| Home / End | 처음/마지막 항목 |
| Enter | 활성 항목 선택 |
| Esc | dialog 닫기 |
Display field types with consistent glyphs and optional labels for strings, numbers, dates, IP addresses, and geographic data.
Filter by field values while reading their counts and distribution bars. Show top values first and collapse the long tail.
Read and edit conditions as sentences for alert rules and segment filters that need to be easy to verify.
Measure text in its actual font and available width to truncate the start, middle, or both ends while preserving the full accessible text.
Mark matching search terms with semantic mark elements, matching longer terms first to avoid fragmented overlaps.
Announce live updates to screen readers with throttled summaries and alternating nodes that can repeat identical messages.