Value.SelectCurrency#

Demos#

Interactive#

<Form.Handler
  data={{
    myCurrency: 'NOK',
  }}
>
  <Flex.Stack>
    <Field.SelectCurrency path="/myCurrency" />
    <Value.SelectCurrency path="/myCurrency" />
  </Flex.Stack>
</Form.Handler>

Placeholder#

ValutaNo value given

<Value.SelectCurrency placeholder="No value given" />

Value#

ValutaNorsk krone (NOK)

<Value.SelectCurrency value="NOK" />

Use different locale#

<Form.Handler
  locale="en-GB"
  data={{
    myCurrency: 'CHF',
  }}
>
  <Value.SelectCurrency path="/myCurrency" />
</Form.Handler>

Label#

Label text

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

Label and value#

Label textNorsk krone (NOK)

<Value.SelectCurrency label="Label text" value="NOK" />

Inline#

This is before the component Norsk krone (NOK) This is after the component

<P>
  This is before the component <Value.SelectCurrency value="NOK" inline />{' '}
  This is after the component
</P>

Suggest an edit