Kbd
CoreDisplay keyboard shortcuts as inline key badges.
Group actions in a toolbar with buttons, separators, and tooltips.
bun add @reopt-ai/opt-uiimport { ToolbarRoot, ToolbarContainer, ToolbarButton, ToolbarSeparator, TooltipProvider, TooltipAnchor, Tooltip } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| ← → | 버튼 간 탐색 |
| Enter / Space | 버튼 활성화 |
| Home | 첫 번째 버튼으로 이동 |
| End | 마지막 버튼으로 이동 |
Display keyboard shortcuts as inline key badges.
Show a metric with its value, change, and supporting description. Omit the change row when no comparison is available.
Navigate child elements in two dimensions with arrow keys using a Composite container.
Display inline status badges with five color variants and an optional status dot.
Indicate loading in three sizes, with an aria-hidden mode for decorative use.
Reserve space while loading with text, circular, rectangular, and preset skeleton components.