FormBrowse form components
Rating
Star rating control with hover scale and aria-checked semantics.
Live preview
Usage
Adapters:React stableVue stable
index.html
<div class="lm-rating" role="radiogroup">
<button class="lm-rating-star" aria-checked="true">★</button>
<button class="lm-rating-star" aria-checked="false">★</button>
</div>CSS classes (2)
| Class | Description |
|---|---|
lm-rating | Inline-flex container |
lm-rating-star | Each star button; aria-checked='true' = filled |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Filled stars 0–max |
max | number | 5 | — |
Accessibility
- Use role='radiogroup' + role='radio' on stars; arrow-key navigation.
Spotted something wrong? Edit this entry on GitHub.