Value.Number#

Demos#

Label and value#

Label text

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

Value from path#

<Form.Handler
  data={{
    myNumber: 12345678,
  }}
>
  <Value.Number
    label="Label text"
    currency
    currencyDisplay="code"
    currencyPosition="before"
    path="/myNumber"
  />
</Form.Handler>

Label only#

Label text

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

Placeholder#

The number was not filled in

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

Inline#

This is before the component This is after the component

<P>
  This is before the component <Value.Number value={123} inline /> This is
  after the component
</P>

Suggest an edit