Rating

Playground

Verwende <Rating />, um ein Rating anzubieten. Um die Barrierefreiheit zu gewährleisten, wird in der Rating Component automatisch ein entsprechendes ARIA-Label für die einzelnen Rating-Stufen generiert.

import {
  Label,
  Rating,
} from "@mittwald/flow-react-components";

<Rating>
  <Label>Bewertung</Label>
</Rating>

Sizes

Es stehen die Größen Medium oder Small zur Verfügung.

Readonly

Verwende isReadOnly, wenn du die Rating-Komponente nur zur Darstellung verwenden möchtest.

Kombiniere mit ...

BigNumber

Das Rating kann mit einer BigNumber kombiniert werden, um den Wert der BigNumber visuell besser einordnen zu können.

AccentBox

Zur visuellen Hervorhebung kann das Rating innerhalb einer AccentBox angezeigt werden.