Rating Group
Choose a rating from a set of visual values.
Preview
Import
import { RatingGroup } from "@sigil-ui/components";Usage
<RatingGroup defaultValue={3} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | The current controlled value. |
defaultValue | number | — | Initial value when the component manages its own state. |
onChange | (value: number) => void | — | Called when the value changes. |
max | number | — | Largest allowed value. |
disabled | boolean | — | Prevents user interaction when enabled. |
size | "sm" | "md" | "lg" | — | Sets the component's size. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-duration-fast | Duration fast |
--s-primary | Primary |
--s-radius-sm | Radius sm |
--s-warning | Warning |
--s-border | Border |