CSS usage examples

Typography

Headline Large

Headline Medium

Headline Small

Subheadline

Subheadline Large

Title Large

Title Medium

Title Small

Body Large

Body Medium

Body Small

Body Large Emphasis

Body Medium Emphasis

Body Small Emphasis

Label Large

Label Medium

Label Small

Label Large Emphasis

Label Medium Emphasis

Label Small Emphasis

Caption

Action Large

Action Medium

Action small

UI paragraph

Buttons

Primary button

Primary button - inverted

Primary button - destructive

Secondary button

Secondary button - inverted

Secondary button - destructive

Tertiary button

Square Quinary button

Button with icon

Small buttons

Block buttons

Checkboxes and Radio buttons

Dropdown

Dropdown menu

Multi select

Inputs

Status indicator

Switch

Tree