Rating
Rating
Star rating input + display component.
Usage
Capture feedback scores or show aggregated ratings.
Highlights
- Fractional display and animation
- Custom icon + color tokens
When to use it
- Users review content with 1-5 style ratings.
- Inline analytics require quick scanning.
Examples
Default
Preview (Web)
import { Rating } from 'react-native-molecules/components/Rating'; export default function Example() { return <Rating count={5} />; }
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | undefined | — | — |
value | number | undefined | — | — |
defaultValue | number | undefined | — | — |
onChange | ((value: number) => void) | undefined | — | — |
readonly | boolean | undefined | — | — |
disabled | boolean | undefined | — | — |
iconName | string | undefined | — | — |
iconType | "material-community" | "feather" | undefined | — | — |
activeIconName | string | undefined | — | — |
activeIconType | "material-community" | "feather" | undefined | — | — |
size | number | undefined | — | — |
color | string | undefined | — | — |
activeColor | string | undefined | — | — |
iconContainerStyle | ViewStyle | undefined | — | — |
iconProps | Omit<IconProps, "ref" | "name" | "type" | "color"> | undefined | — | — |
showTooltips | boolean | undefined | — | — |
tooltipProps | TooltipProps | undefined | — | — |