Rating

Interactive

Values

Disabled

Rating: a star-based rating input.

import 'flint-ui'; // auto-registers all
// or
import { FlintRating } from 'flint-ui';

html

<flint-rating></flint-rating>

Property	Attribute	Type	Default	Description
`value`	`value`	`number`	`0`	Current rating value.
`max`	`max`	`number`	`5`	Maximum number of stars.
`readonly`	`readonly`	`boolean`	`false`	Whether the rating is read-only.
`disabled`	`disabled`	`boolean`	`false`	Whether the rating is disabled.
`clearable`	`clearable`	`boolean`	`false`	Whether clicking the current value clears the rating.
`defaultValue`	`default-value`	`number`	`0`	Initial rating value for uncontrolled mode.
`size`	`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Size of the rating stars.
`name`	`name`	`string`	`''`	Form field name for the hidden input.
`label`	`label`	`string`	`'Rating'`	Accessible label for the rating group.
`precision`	`precision`	`1 \| 0.5`	`1`	Rating step precision (1 for full stars, 0.5 for half stars).

Event	Detail	Description
`flint-rating-change`	—	Fired when the rating value changes.

Rating ​