Buttons

Primary Buttons

Large Primary

Medium Primary

Small primary

Danger colours

Small danger

Secondary Buttons

Large Secondary

Medium Secondary

Small Secondary

Outline Buttons

Large Outlined

Medium Outlined

Small Outlined

Buttons with icons

Use on forms for actions

Alert Banner Buttons

Outlined

Solid

Third part buttons

Where possible use outline for Third party buttons

Chips

Tags

General

Individual

Classic

Project

Retrospective

Health Checks

General

Small label

Admin

Member

Admin

Member

Archived

Tool tips

Used on icons that do not contain text

Default

Used on icons that do not contain labels

Examples

Text fields

Default

Disabled

With help text

Some info copy here

Text area

Default

400

characters remaining

Disabled

400

characters remaining

Help copy

Some info copy here

400

characters remaining

Radio button

Default

Selected

Disabled

Checkbox button

Default

Checked

Disabled

Disabled & Checked

Selector

On

Off

On

Off

Dropdown

Active

Disabled

Dropdown with icon

Active

Active

Date

Default no selection

Value selected

Disabled