Icon-Fläche (Featured Icon)
Icon auf getönter runder/eckiger Fläche (Untitled-UI-Muster Featured Icon) — Töne aus Status-/Primary-Tokens per color-mix abgeleitet
Nutzt: ui.icon
Beispiele
Kreis, primary
Eckig, success
Groß, warning
Neutral
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| name * | string | — | Icon-Name (ui.icon) |
| tone | string: primary | accent | success | warning | danger | neutral | "primary" | Ton |
| form | string: circle | square | "circle" | Form |
| size | string: md | lg | "md" | Größe |
* Pflicht-Prop
Genutzte Design-Tokens
color.accentcolor.action.primarycolor.status.dangercolor.status.successcolor.status.warningcolor.text.mutedradius.controlradius.fullsize.10size.12