VelinStyle Bewertung 1.2.0
Das <velin-rating> Komponente rendert eine barrierefreie Sternebewertung als Radiogroup. Nutze das value Attribut für den aktuellen Score. Hinzugefügt in 0.7.5. English: Bewertung
Reifegrad: Dokumentiert als stabil in VelinStyle 1.2.0. Design Intelligence (Plan / Review / Agent-Meta) ist separat und Beta / Foundation wo vermerkt.
Wann verwenden
- Stern- oder ähnliche Bewertungen mit
<velin-rating>für Rezensionen und Feedback. - Wenn Nutzer einen Score auf einer festen Skala wählen oder ansehen sollen.
Wann nicht
- Binary on/off preferences — use a checkbox or switch pattern.
- Multi-option filters — use Chip or Segmentsteuerung.
Beispiel
<velin-rating value="4" aria-label="Rating"></velin-rating>Import
Lade das Bundle einmal und nutze dann das Custom Element in deinem Markup:
<script type="module" src="../../dist/velinstyle-components.min.js"></script>
<velin-rating>…</velin-rating>Barrierefreiheit
- Exponiere das Control als bedienbare Gruppe mit klarem Accessible Name (folge den Beispielen auf dieser Seite).
- Tastaturnutzer sollten den Wert ändern können, ohne auf Hover angewiesen zu sein.