Buttons
Button tokens + state helpers. See the demo for interactions.
Button tokens
Token names vary by build; missing tokens show “—”.
| Preview | Token | Used for | Value |
|---|---|---|---|
--sp-btn-bg |
Primary button background (if defined) | — |
|
--sp-btn-fg |
Primary button text color (if defined) | — |
|
--sp-btn-soft-bg |
Soft button background (if defined) | — |
|
--sp-btn-ghost-bg |
Ghost button background (if defined) | — |
|
--sp-focus |
Focus ring color (if defined) | — |
|
--sp-btn-radius |
Button radius (if defined) | — |