Rating
Installation
Run the following command
npx vibes@latest add ratingUsage
import { Rating } from '@/vibes/soul/primitives/rating';function Usage() { return ( <Rating rating={4.5} /> );}API Reference
RatingProps
| Prop | Type | Default |
|---|---|---|
showRating | boolean | true |
rating* | number | |
className | string |
CSS Variables
This component supports various CSS variables for theming. Here's a comprehensive list.
:root { --rating-icon: var(--foreground); --rating-border: var(--contrast-100); --rating-text: var(--contrast-400);}