Files
orca/examples/plugins/components-gallery/README.md
T
Neil 36f17a04a7 plugins: Box layout container for components panels (catalog 4) (#37420)
- 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.
2026-11-02 01:05:57 -08:00

876 B

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.