mirror of
https://github.com/stablyai/orca.git
synced 2026-11-13 17:37:40 +00:00
- Box (ui.catalog 4, since 1.4.248): direction, gap/padding/paddingX/ paddingY/margin on the gap scale, align, justify, wrap, grow, shrink, width/height/min/max (px up to 4096 or whole percents), columns, scroll, border (true or a tone), radius, background (theme surfaces or tone tints). Strict props: hex colours, CSS lengths and unknown props are dropped with a warning like other components. - Renderer maps props to theme tokens through data attributes; sizes reach inline style only as validated px or percents. - Typings, docs, skill references, gallery Layout tab; orca/testing finds Boxes and summarizes danger or warning Boxes.
Components Gallery
One build-less TSX panel that uses every component in the components catalog: form controls
(Textarea, Checkbox, RadioGroup, Slider, Field), layout (Tabs, Collapsible, Toolbar,
Grid, Box, tooltips), a paged and sortable Table, a lazily loaded Tree, Markdown, CodeView, a
plugin Image, KeyValue, Callout and Skeleton. It needs Orca 1.4.248 or newer
(Box is catalog 4).
orca plugin dev load . # also writes .orca/types, the typings tsconfig.json extends
orca plugin test . # runs src/panel.test.tsx in Node with orca/testing
orca plugin check . # renders the panel once and reports errors with file:line
src/files.ts stands in for a data source: the Table asks for the next page with onLoadMore
when the person scrolls near the end, and the Tree reads a folder's children on first expand.