Intents and variants available in the system, showing how semantic roles combine with visual styles across components.
Solid variant
Filled surface, strong emphasis.
Outline variant
Border only, background matches the app's surface.
Soft outline variant
Border only, background matches the app's surface, text matches the border.
Ghost variant
Text only, background and border match the app's surface.
Intents
neutral
- surface without meaning, default tone
muted
- calm, low-contrast tone used for understated surfaces or background accents
tertiary
- subtle, lowest emphasis action
secondary
- supporting action, less emphasis than primary
primary
- main call-to-action or highlight
inverse
- flips contrast relative to context