Kbd
CoreDisplay keyboard shortcuts as inline key badges.
Navigate pages with ellipses, compact and count variants, total-page or cursor pagination, and previous and next buttons.
bun add @reopt-ai/opt-uiimport { Pagination } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
현재 페이지: 1
전체 개수를 모르는 API는 hasMore만으로 다음 페이지를 제어할 수 있습니다.
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.
Group actions in a toolbar with buttons, separators, and tooltips.
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.