Rating

Star rating. readOnly renders a static display (for showing scores); allowHalf enables half-star values.


import { Rating } from '@gg-software/ui';
 
<Rating value={rating} onChange={(value) => setRating(value)} />
<Rating defaultValue={3.5} allowHalf />
<Rating value={4.5} allowHalf readOnly />

Props

Prop	Type	Default
`value`	`number`	—
`defaultValue`	`number`	`0`
`onChange`	`((value: number) => void)`	—
`count`	`number`	`5`
`allowHalf`	`boolean`	`false`
`disabled`	`boolean`	`false`
`readOnly`	`boolean`	`false`
`size`	`"sm" \| "md" \| "lg"`	`md`
`className`	`string`	—
`aria-label`	`string`	—

* required · generated from packages/ui/src/input/Rating/Rating.tsx