EXPLORE

Components

25 production components, 42 documented variants. Every preview on these pages renders the real component from source — not a screenshot, and not a copy that can drift.

Documented

Variant galleries written and verified.

Alert

5 variants

Inline feedback panel for contextual status. Seven semantic colours across three visual variants, with an optional action row.

Avatar

5 variants

Circular indicator for a user or entity — icon, initials or image, in four sizes, with optional status pin.

Badge

6 variants

Status disc, count pill or verified checkmark. Seven semantic colours, three sizes.

Button

16 variants

The primary action element. Five variants, four sizes, five states — every colour resolved from tokens, never a hard-coded hex.

Button Group

4 variants

Layout wrapper that visually groups related buttons — attached or separated, horizontal or vertical.

Tag

6 variants

Inline label chip for status, category or metadata. Eight colours × three variants × four sizes, display-only or clickable.

In the library, gallery pending

These ship in the package today and are documented in Storybook. Their variant galleries land in a later phase — listed here rather than hidden, so the coverage gap is visible.