older tags:

v2.0.0-rc.15

Get started
- About the system
- Designer guide
- Developer guide
Foundations
- Colours
- Content design
  - UX Writing Principles
- Icons
- Layout
- Spacing
  - Magic Unit
  - Margins and Paddings
- Typography
- Utilities
Components
- Accordions
- Badge
- Bottom Bar
  - Action Bar
  - Stepper Bar
- Breadcrumb
- Built-in menu
- Buttons
- Cards
- DataTable
- Dividers
- Flags
- Form
- Heading
- Hero
- Layers
- Links
- Listbox
- Loader
- Modals
- Notification
- Option Group
  - Option button
  - Option card
- Page header
- Pagination
- Progress bar
- Rating Stars
- Segmented control
- Sidebar
- Stepper
- Tabs
- Tags
- Tooltip
Contributing
- Principles
- Designers
- Developers
- Quality Charter
- Submit changes
Updates
Help
- Contact us
- Report a bug

Loader

figma:ready

react:ready

scss:ready

vue:ready

webComponent:ready

Definition (WIP)

Variations

do's and don't

when and how should I use and not use the pattern

Always...

Never...

On this page

Variations
do's and don't