mittwald Flow Logo

Components

BigNumber

Die BigNumber dient der prominenten Darstellung numerischer Werte innerhalb einer Oberfläche. Sie wird vorrangig eingesetzt, um Kennzahlen oder Metriken übersichtlich und visuell hervorzuheben.GitHub
69%Performance

Playground

Verwende <BigNumber />, um eine BigNumber darzustellen.

69%Performance
import {
  BigNumber,
  Text,
} from "@mittwald/flow-react-components";

<BigNumber>
  <Text>69%</Text>
  <Text>Performance</Text>
</BigNumber>

Kombiniere mit ...

Rating

Nutze das Rating, um den Kontext der BigNumber für die User auf einer Bewertungsskala besser einzuordnen.

80%Performance

AccentBox

Zur visuellen Hervorhebung kann die BigNumber innerhalb einer AccentBox angezeigt werden.

250 msDateioperationenGeringer Optimierungsbedarf
100 msServeroperationenOptimierungsbedarf

Overview