Skip to content
Home

SelectCurrency

Info
Demos
Properties

Demos

Interactive

ValutaNorsk krone (NOK)
Code Editor
<Form.Handler
  data={{
    myCurrency: 'NOK',
  }}
>
  <Flex.Stack>
    <Field.SelectCurrency path="/myCurrency" />
    <Value.SelectCurrency path="/myCurrency" />
  </Flex.Stack>
</Form.Handler>

Placeholder

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

Value

ValutaNorsk krone (NOK)
Code Editor
<Value.SelectCurrency value="NOK" />

Use different locale

CurrencySwiss franc (CHF)
Code Editor
<Form.Handler
  locale="en-GB"
  data={{
    myCurrency: 'CHF',
  }}
>
  <Value.SelectCurrency path="/myCurrency" />
</Form.Handler>

Label

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

Label and value

Label textNorsk krone (NOK)
Code Editor
<Value.SelectCurrency label="Label text" value="NOK" />

Inline

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

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