Component Showcase
Button and link variants, states, sizes, and shapes
Button Variants
Button States
Idle (Default)
Loading
Disabled
Button Sizes
Button Shapes
Buttons with Icons
Icon + Text
Icon Only
Circular Icon Buttons
Link Variants (Button as Link)
Standard Links
This is a paragraph with a standard link that uses the link color tokens.
Links can also appear in secondary text and still be visible.
Color Palette
Primary
Primary Hover
Primary Active
Primary Light
Success
Danger
Warning
Info
Base
Subtle
Muted
Elevated
Text Primary
Text Secondary
Text Tertiary
Text Muted
Neutral Scale
50
100
200
300
400
500
600
700
800
900
950