Bewertungen

Review-Sektion: Zusammenfassung (große Zahl + Sterne + Verteilungs-Balken + Passform-Feedback) neben Review-Karten mit Autorin, Datum, Variante

Im Builder nutzen

Nutzt: ui.rating

Beispiele

Zusammenfassung mit Verteilung + Passform neben Review-Karten

Bewertungen (2.341)

4,7

5 ★78%

4 ★14%

3 ★5%

2 ★2%

1 ★1%

Entspricht der Größe89%

Fällt klein aus7%

Fällt groß aus4%

Marie K.02.08.2026

Wunderschönes Set, die Verarbeitung ist für den Preis unglaublich. Passt perfekt.

Schwarz / M

Jasmin R.28.07.2026

Tolle Qualität, nur der Gürtel könnte etwas fester sein.

Bordeaux / S

Eigenschaften

Prop	Typ	Default	Builder-Label
title	string	"Bewertungen"	Titel
value *	number	—	Durchschnitt
count	number	0	Anzahl gesamt
distribution	array	[]	Verteilung 5→1 Sterne (Prozent)
fit	array	[]	Passform-Feedback (Label + Prozent)
reviews	array	[]	Review-Karten
spacing	string: none | sm | md | lg | xl	"none"	Eigenabstand

* 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
--reviews-border-default	var(--color-border-default)
--reviews-radius-full	var(--radius-full)
--reviews-status-warning	var(--color-status-warning)
--reviews-surface-sunken	var(--color-surface-sunken)
--reviews-text-default	var(--color-text-default)
--reviews-text-muted	var(--color-text-muted)

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.status.warningcolor.surface.sunkencolor.text.defaultcolor.text.mutedcontainer.mdfont.family.defaultfont.family.displayfont.leading.displayfont.size.displayleading.baseleading.tightradius.fullsize.10size.12size.2size.32size.4size.6size.8text.5xltext.lgtext.mdtext.smtext.xsweight.boldweight.regularweight.semibold