Skip to content
Home

Number

Info
Demos
Properties

Demos

Empty

<Value.Number showEmpty />

Placeholder

The number was not filled in
<Value.Number placeholder="The number was not filled in" />

Value

123
<Value.Number value={123} />

Label

<Value.Number label="Label text" showEmpty />

Label and value

12345678
<Value.Number label="Label text" value={12345678} />

Inline

This is before the component123This is after the component

<p>

  This is before the component

  <Value.Number value={123} inline />

  This is after the component

</p>

With: Thousand separator

12 345 678,9
<Value.Number

  label="Label text"

  value={12345678.9}

  thousandSeparator=" "

/>

With: Decimal symbol

123.4567
<Value.Number label="Label text" value={123.4567} decimalSymbol="." />

With: Decimals

123,46
<Value.Number label="Label text" value={123.4567} decimalLimit={2} />

With: Prefix

$123,4
<Value.Number label="Label text" value={123.4} prefix="$" />

With: Suffix

123,4kr
<Value.Number label="Label text" value={123.4} suffix="kr" />