Documentation
Published on
Design tokens
Typography
Font family, size, weight, and line-height configuration
Font size
Responsive typography scale with fluid sizing
Font weight
Font weight values and usage guidelines
Text
Headings
Heading hierarchy for document structure
Heading group
Pair headings with subtitles using hgroup
Paragraphs
Block text with relative font sizing
Links
Navigation links with semantic HTML
Style inline elements
Semantic elements for emphasis and styling
Style format elements
Editorial marks for deletions, insertions, and highlights
List (ordered)
Sequenced lists with screen reader semantics
List (unordered)
Unordered lists without inherent sequence
List (description)
Description lists for glossaries and key-value pairs
Address
Contact information with semantic markup
Disclosure
Show/hide content with disclosure widget
Accordion
Grouped disclosure sections with exclusive open states
Blockquote
Extended quotations with attribution
Callout
Supplementary information boxes
Alert
Urgent messages announced via live regions
Table
Tabular data with header scoping and accessibility
Footnotes
Supplementary references linked within content
Horizontal rule
Thematic breaks between content sections
Form
Errors
Validation messages associated with form fields
Button
In-page actions using native button elements
Text
Single-line text input with visible labels
Name
Name inputs with autocomplete support
Email address
Email field with optimized mobile keyboard
Telephone number
Telephone input with dial pad on mobile
URL
URL field with format validation
Password
Masked text with show/hide toggle
WebAuthn
Passwordless authentication inputs
Date
Native date picker with calendar widget
Address
Grouped address fields in a fieldset
Textarea
Multi-line text input for longer content
Number
Numeric input with increment/decrement controls
One time code
Verification code input with SMS autofill
Select
Native dropdown list with minimal styling
Radios
Single-selection option group in a fieldset
Checkboxes
Multi-selection checkboxes or toggle switches
File
Browser-native file picker control
Search
Search field with clear button
Components
Dialog
Modal overlay using native dialog element
Task list
Checklist with completion states
Card
Container grouping related content and actions
Badge
Inline label for counts or status
Tag
Keyword label for categorization
Icon
SVG icon from sprite sheet
Popover
Non-modal overlay using HTML popover attribute
DataBytes
File size formatter with locale-aware units
DataNumber
Numeric formatter with locale-aware styles
DataTime
Date/time formatter with semantic time element
DataEnum
Value-to-label mapper for enums and statuses
Layouts
Article
Center-focused single-column template
Documentation
Two-column with sidebar and table of contents
Form
Full-viewport form with centered content
Search
Aside-based layout with filters and results
Slices
Full-width hero sections and content blocks