React Rating components for Fluent UI React
A Rating
component allows users to provide a rating for a particular item.
This component displays a set of stars or other symbols that represent the rating value. Users can interact with the component to select a rating by clicking on the stars or using touch gestures.
Import Rating
or RatingDisplay
:
// From @fluentui/react-components
import { Rating, RatingDisplay } from '@fluentui/react-components';
// Directly from @fluentui/react-rating
import { Rating, RatingDisplay } from '@fluentui/react-rating';
<Rating />
<RatingDisplay />
See Fluent UI Storybook for more detailed usage examples.
Alternatively, run Storybook locally with:
yarn start
- Select
react-rating
from the list.
See Spec.md.