Star rating control using SVG mask on input[type=radio]. Supports connected mode (default), radio mode, half-star, custom icons, and dynamic colors.
.rating. Default mode cascades — checking a star highlights all before it..rating-radio for independent selection (no cascading).input[type=radio] inside a <span> for half-star support.<span data-role="item" data-checked="true"> for static display.rating-4 ~ rating-15 — default rating-8 (32px).rating-full, rating-scale, rating-scale-*, rating-ratio-*, rating-gutter, rating-gutter-*.Multiple color formats are supported:
*-error, *-error-hover*-indigo-500*-[#ff0000]*-[red], *-[green]Wrap two input[type=radio] inside a <span> for half-star precision.
Replace the star with a custom SVG mask via --rating-mask-image.