Live preview
Switch variants and viewport widths without leaving the detail page.
Variants
Select a registered variant for preview comparison.
1 states
| CSS variable | Studio token | Surface |
|---|---|---|
| --background | md.sys.color.background | Fill |
| --border | md.sys.color.outline-variant | Border |
| --foreground | md.sys.color.on-background | Text |
| --ring | md.sys.color.primary | Fill |