RatingGroup

Star rating input built on bits-ui. Renders clickable star items with highlighted state.

Example

Rating: 0 / 5

Props

PropTypeDefaultDescription
valuenumber0Current rating (bindable)
onValueChange(value: number) => voidCallback when rating changes
maxnumber5Maximum number of stars
disabledbooleanfalseDisable interaction
classstringAdditional CSS classes

Usage

<script>
  import { RatingGroup } from '@chrissnell/chonky-ui';
  let rating = $state(0);
</script>

<RatingGroup bind:value={rating} max={5} />