MarketplaceCatalog
BlocksBrowse a marketplace card grid with search, tab filters, and sorting.
Use a standalone text input with labels, errors, hints, and icons.
bun add @reopt-ai/opt-uiimport { Input } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
8자 이상 입력하세요
영문, 숫자만 사용 가능
이미 사용 중인 이름입니다
올바른 이메일 형식이 아닙니다
Browse a marketplace card grid with search, tab filters, and sorting.
Browse workflow runs with search and status filters, a DataTable, and tabbed detail dialogs.
Build a dropdown selection with Root, Label, Trigger, Popover, and Item components.
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.
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.