| Cases |
Default = 'Default'
Default visual treatment (light background, neutral palette).
Default visual treatment (light background, neutral palette).
|
#
|
Back = 'Back'
Back arrow — typically used for navigation history.
Back arrow — typically used for navigation history.
|
#
|
Accept = 'Accept'
Positive / confirm action (e.g. "Save", "Apply"). Semantic green.
Positive / confirm action (e.g. "Save", "Apply"). Semantic green.
|
#
|
Reject = 'Reject'
Negative / cancel action (e.g. "Discard"). Semantic red.
Negative / cancel action (e.g. "Discard"). Semantic red.
|
#
|
Transparent = 'Transparent'
Transparent background — blends with the surrounding chrome
(typical for card-header toolbars).
Transparent background — blends with the surrounding chrome
(typical for card-header toolbars).
|
#
|
Ghost = 'Ghost'
Transparent background with a subtle border — used heavily inside
card headers and similar light chrome.
Transparent background with a subtle border — used heavily inside
card headers and similar light chrome.
|
#
|
Up = 'Up'
Up arrow — typically used for scroll-to-top.
Up arrow — typically used for scroll-to-top.
|
#
|
Unstyled = 'Unstyled'
No styling whatsoever — for fully-custom button presentations.
No styling whatsoever — for fully-custom button presentations.
|
#
|
Emphasized = 'Emphasized'
The primary action style (bold accent) — at most one per surface.
The primary action style (bold accent) — at most one per surface.
|
#
|
Critical = 'Critical'
Semantic critical (yellow / orange).
Semantic critical (yellow / orange).
|
#
|
Negative = 'Negative'
Semantic negative (red) — destructive or error actions.
Semantic negative (red) — destructive or error actions.
|
#
|
Success = 'Success'
Semantic success (green) — confirmatory or completed actions.
Semantic success (green) — confirmatory or completed actions.
|
#
|
Neutral = 'Neutral'
Semantic neutral (grey).
|
#
|
Attention = 'Attention'
Semantic attention (orange highlight).
Semantic attention (orange highlight).
|
#
|