mirror of
https://github.com/stablyai/orca.git
synced 2026-11-13 09:27:29 +00:00
Neil
36f17a04a7
- 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.
17 lines
876 B
Markdown
17 lines
876 B
Markdown
# 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).
|
|
|
|
```sh
|
|
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.
|