Header
Use at the top of component docs
Button
Primary and secondary actions for forms and toolbars.
atoms 4 variants
Variants / states: primarysecondaryoutlineghost
Documentation-style page header: title, description, category badge, and variant chips.
Default usage you can copy and adapt.
Use at the top of component docs
Primary and secondary actions for forms and toolbars.
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | Yes | — | Page title |
| description | string | Yes | — | Lead paragraph |
| category | string | Yes | atoms | atoms | molecules | organisms |