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.

Alternative Icons

Über die Properties iconEmpty und iconFilled können benutzerdefinierte Icons gesetzt werden.

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.