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

Im Builder nutzen

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

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

Token	Default
--area-tone	var(--color-action-primary)

Genutzte Design-Tokens

color.accentcolor.action.primarycolor.status.dangercolor.status.successcolor.status.warningcolor.text.mutedradius.controlradius.fullsize.10size.12