Example Component Library
Demo Components
Card
Layouts Hero
Info card Slotted card
Alert Badge Button Quote oneup Rich button User card
Demo Extra Button
Demo Nav
Cards Info card
Elements Quote oneup Badge
Icon Accessibility
Generic Divider Tooltip
Action button Design guidelines
Demo Single Chip Pill
Gallery / Demo Nav / Design guidelines Gallery / / Design guidelines
Demo Nav /

Design Guidelines

These guidelines apply to all components in this library.

Spacing

Use the standard spacing scale (4px base unit) for all margins and padding.

Colour

Prefer semantic colour tokens over raw hex values so themes can be swapped.

Accessibility

All interactive components must meet WCAG 2.1 AA contrast requirements.