Actions
3 componentsOne primary per surface, and four variants is the cap. Reaching for a fifth means the screen wants something the system does not have — raise it rather than adding one. Everything that is not the one primary action is `quiet`.
default · the one primary action
quiet · everything else. A line on paper, hover paints the accent tint
ghost · no chrome until hover, for a dense toolbar
destructive · the one irreversible action
text
icon · 32 / 36 / 40px square, each with an invisible 44px hit area
disabled · three real changes, never opacity
working · the spinner is INSIDE the button and it does not resize
focus · tab to it. A 3px ring, never removed
ToggleGroup · 2–4 mutually exclusive views. More is a Select
Toggle · one thing on or off, applied immediately