BigNumber

Die BigNumber stellt Kennzahlen und Metriken prominent dar.

69%Performance

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

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

Best Practices

Zeige nur Werte mit unmittelbarer Relevanz oder Aussagekraft.
Gib der Zahl ausreichend Raum. So wirkt sie optisch und konkurriert nicht mit anderen Elementen.

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

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

250 msDateioperationenGeringer Optimierungsbedarf

100 msServeroperationenOptimierungsbedarf

Property	Type	Default	Description
`children`	`ReactNode`	-
`className`	`string`	-	The elements class name.