WORKSPACE / DESIGN SYSTEM
BACK TO WORKCOMPONENT LAB.
/ INPUTS
Button.
The workhorse trigger. 4 variants, 3 sizes, loading + disabled + optional trailing icon.
6 PROPS
PREVIEW
/ JSX
<Button variant="primary" size="md" trailingIcon={<ArrowRight />}>
Get in touch
</Button>/ ABOUT
A working design-system playground in the spirit of Storybook, built from scratch. Nine components, four categories, every prop wired to a live control and a generated JSX snippet you can copy.
Each component is defined as a record with a typed prop schema, a renderer, and a code template. The lab reads the schema and generates the controls automatically — adding a tenth component is just one entry in the registry.
- COMPONENTS
- 9
- CATEGORIES
- 4
- TYPED
- 100%
- DEPS
- 0