React Rating Component

Installation

pnpm add krz-ui

import { Rating } from "krz-ui";

<Rating label="Your rating" value={stars} onValueChange={setStars} />

<Rating readOnly value={4.5} size="sm" />

Prop	Type	Description
`value / defaultValue`	`number`	Controlled or initial rating. 0 means none.
`onValueChange`	`(value: number) => void`	Called on select. Clicking the current value clears it.
`max`	`number`	Number of stars. Defaults to 5.
`readOnly`	`boolean`	Display only; fractional values show partial stars.
`size`	`"sm" \| "md" \| "lg"`	Star size.
`icon`	`ReactNode`	Custom icon, e.g. a heart.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ label?, stars?, star?, icon? }`	Extra classes for inner parts.