Cirrus Design System
Tokens and components powering the v1 (and later v2) screens.
Tokens
Colors, type, spacing, radius.
Icons
The inline SVG icon set.
Text Field
Labelled single-line text input with optional helper and error states.
readyHeading
Section heading with a purple accent bar, used to title form sections.
readySelect
Dropdown field (Platform Dropdown) with chevron and an optional launch action.
readyDate Picker
Date field with a trailing calendar icon and MMM-DD-YYYY format.
readyRadio Group
Labelled set of radio options, e.g. a Yes / No question.
readyButton
Text/icon action button with ghost, primary, tab, and outline variants.
readyIcon Button
Square icon-only button, with an optional count badge.
readyBadge
Small count or label pill in danger, brand, and neutral tones.
readyStatus Badge
Semantic status pill that maps a status string to a color tone.
readyData Table
Fixed-column record table with a sticky header and semantic status cells.
readyPagination
Range text, page selector, and prev/next controls for a table footer.
readyTag
Plain color chip for categorising a row or list item.
readyProgress Meter
Labelled completion bar with an optional counter caption.
readyDetail Card
Titled panel of label/value pairs — the read-only counterpart to a form.
readyPage Title
The page-level H1 with an underline accent, for the one heading a screen gets.
readyStepper
Vertical multi-step progress rail — "Application Progress, N of M".
readyPortal Top Bar
Licensee-facing header — agency mark, messages, identity, language.
ready