A star rating component lets users rate something using stars, providing a quick visual representation of feedback
Installation
<script type="module">
import '@nvidia-elements/core/star-rating/define.js';
</script>
<nve-star-rating>
<label>rate this input</label>
<input id="range" type="range" max="5" value="3" min="0" />
<nve-control-message>message</nve-control-message>
</nve-star-rating>
Disabled
Disabled star rating for display-only contexts. Use when showing existing ratings that users cannot change.
HalfStar
Half-star increments using step="0.5" for more granular ratings. Ideal when detailed feedback requires finer rating precision.
Toggle
Single star toggle for favorite/bookmark functionality. Use with max="1" for binary on/off states like wishlists or bookmarks.
Release Status
All elements and features go through 3 phases of stability, pre-release, beta and stable.