Button

Icon button

Badge

PrimarySecondaryTertiaryNeutralSuccessErrorWarningInfo
SmallMediumLarge

Input

Textarea

Select

Checkbox

Message

Required

Primary

Secondary

Tertiary

Neutral

Success

Error

Warning

Info

Small

Medium

Large

Radio

Switch

Range slider

Alert

Primary

A light surface with dark text.

Secondary

A light surface with dark text.

Tertiary

A light surface with dark text.

Neutral

A light surface with dark text.

Success

A light surface with dark text.

Error

A light surface with dark text.

Warning

A light surface with dark text.

Info

A light surface with dark text.

Small

A light surface with dark text.

Medium

A light surface with dark text.

Large

A light surface with dark text.

Card

Plain

A white jelly panel.

Primary

Secondary

Tertiary

Neutral

Success

Error

Warning

Info

Small

Medium

Large

Dialog