Sterne-Bewertung

Rating-Anzeige 0–5 mit Teilsternen (Breiten-Maske, kein JS) und optionaler Anzahl — Farben über status.warning-/Sale-Tokens

Im Builder nutzen

Nutzt: ui.icon

Beispiele

4,7 von 5 mit Anzahl

(2.341)

3,5 von 5 (Teilstern)

Eingabe-Variante: Sterne klickbar (emittiert change)

Klein, ohne Anzahl

Eigenschaften

Prop	Typ	Default	Builder-Label
value *	number	—	Bewertung (0–5, Dezimalen erlaubt)
count	number	0	Anzahl Bewertungen (0 = ausblenden)
size	string: sm | md	"md"	Größe
interactive	boolean	false	Eingabe erlauben (Sterne klickbar)

* Pflicht-Prop

Events & Slots

Events: ⚡ change — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

color.border.strongcolor.status.warningcolor.text.mutedfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.smsize.3text.sm