Browse components

Header

Documentation-style page header: title, description, category badge, and variant chips.

molecules

Live example

Default usage you can copy and adapt.

Header

Use at the top of component docs

Button

Primary and secondary actions for forms and toolbars.

atoms 4 variants
Variants / states: primarysecondaryoutlineghost

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
titlestringYes—Page title
descriptionstringYes—Lead paragraph
categorystringYesatomsatoms | molecules | organisms