Sizing and vertical align

Plain text Default Fixed width Fixed height Fixed width and height Multiple
lines

Truncation and expansion

Longer text for a button Longer text for a button Longer text for a button Longer text for a button Longer text for a button Longer text for a button

Icons and size presets

Icon prefix Icon suffix Icon prefix Icon suffix Icon prefix Icon suffix

Types

Primary: Button Icon prefix Icon suffix
Tertiary: Button Icon prefix Icon suffix
Tertiary inline: Button and Icon prefix and Icon suffix

Colors

Contrast: Button Button Button
Success: Button Button Button
Error: Button Button Button