sigilUI

Rating Group

Choose a rating from a set of visual values.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { RatingGroup } from "@sigil-ui/components";

Usage

<RatingGroup defaultValue={3} />

Props

PropTypeDefaultDescription
valuenumber—The current controlled value.
defaultValuenumber—Initial value when the component manages its own state.
onChange(value: number) => void—Called when the value changes.
maxnumber—Largest allowed value.
disabledboolean—Prevents user interaction when enabled.
size"sm" | "md" | "lg"—Sets the component's size.

Token integration

CSS VariablePurpose
--s-duration-fastDuration fast
--s-primaryPrimary
--s-radius-smRadius sm
--s-warningWarning
--s-borderBorder