StarRating

DATA DISPLAY

Interactive or read-only star rating with hover preview and keyboard navigation.

[EXAMPLES]

Interactive
Rating: 3/5
Read-only

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
valuenumber—Current rating value
maxnumber5Maximum stars
onChange(value: number) => void—Rating change callback
readonlybooleanfalseDisplay-only mode
size"sm" | "md" | "lg""md"Star size

[ACCESSIBILITY]

KEYBOARD SHORTCUTS

KEYACTION
Arrow Left/RightAdjust rating
Home / EndMin/max rating

ARIA

  • >role="radiogroup"
  • >Each star has role="radio" with aria-checked
< ProgressEmptyState >