Components
Rating
A customizable rating component with support for custom sizes, values, step increments, and custom icons.
Components Layout
Examples
Themes
Custom icons, colors, and ratings grouped using a flex row container.
Controlled State
Manage the rating state externally using standard React state hook.
Form Integration
Integrating the Rating component with React Hook Form, Zod schema validation, and Sonner toast notifications.
API
Rating
The main container for the rating component. It coordinates keyboard navigation, hover states, and controlled/uncontrolled selection values.
Prop
Type
RatingItem
An individual rating unit (typically represented by a star). Renders an interactive option with full keyboard accessibility.
Prop
Type
How is this guide?