Big Number

Display a big number (value) with an optional label (key). The optional trend property adds different styling as well as up or down arrows. This component rezises via container queries.

'value' => 100,
'key' => false,
'trend' => 'steady', // steady | up | down
122.340,56 € Rendite
5523 Followers
1 Echte Freunde 
<x-bigNumber key="Rendite" value="122.340,56 €" />
<x-bigNumber key="Followers" value="5523" trend="up" />
<x-bigNumber key="Echte Freunde" value="1" trend="down" />