Card
CoreGroup content in a card with Header, Title, Description, Content, and Footer components.
Provide custom scrollbars for vertical, horizontal, or bidirectional scrolling.
bun add @reopt-ai/opt-uiimport { ScrollArea } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
수직 스크롤
수평 스크롤
Group content in a card with Header, Title, Description, Content, and Footer components.
Arrange a page title, status, tabs, actions, and query controls to fit the available width.
Center page content within a configurable maximum width.
Apply semantic section spacing and automatically associate a heading through aria-labelledby.
Create draggable split-panel layouts with react-resizable-panels.
Display field types with consistent glyphs and optional labels for strings, numbers, dates, IP addresses, and geographic data.