Element · 6 Varianten
Sterne
elements/Sterne.astro
Fünf Sterne in Oliv, leer in Granit. Halbe per clip-path. Zahl als Proof, Anzahl als Caption. Kein Gelb.
Notizen
- Bestand: Review-Badges sind Logos, keine Sterne. Testimonials ohne Sterne.
- Oliv zeigt an: gefüllte Sterne oliv-300 auf Nacht, oliv-700 auf Paper. Leer granit-700 / 300.
- role=img mit Text, damit Screenreader nicht fünf Grafiken lesen.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "fuenf" | "vier-halb" | "zahl" | "anzahl" | "klein" | "leer" | "fuenf" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Sterne variant="fuenf" surface="nacht" />01 · Fünf
Voll
Review-Badges. 20 px.
Nacht
Paper
02 · Viereinhalb
Halber Stern
Anfrage. clip-path inset 50 %.
Nacht
Paper
03 · Zahl
5,0 als Proof
Proof. Mono Oliv.
Nacht
5,0
Paper
5,0
04 · Anzahl
38 Bewertungen
Stats-Band. Caption.
Nacht
5,0 · 38 Bewertungen
Paper
5,0 · 38 Bewertungen
05 · Klein
14 px
Testimonial-Card. Inline in Karte.
Nacht
Paper
06 · Leer
Null
Formular. Eingabe-Zustand.
Nacht
Paper