Skip to content

Demos#

Interactive#

LandNorge
<Form.Handler
  data={{
    myCountry: 'NO',
  }}
>
  <Flex.Stack>
    <Field.SelectCountry path="/myCountry" />
    <Value.SelectCountry path="/myCountry" />
  </Flex.Stack>
</Form.Handler>

Placeholder#

LandNo value given
<Value.SelectCountry placeholder="No value given" />

Value#

LandNorge
<Value.SelectCountry value="NO" />

Use different locale#

CountrySwitzerland
<Form.Handler
  locale="en-GB"
  data={{
    myCountry: 'CH',
  }}
>
  <Value.SelectCountry path="/myCountry" />
</Form.Handler>

Label#

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

Label and value#

Label textNorge
<Value.SelectCountry label="Label text" value="NO" />

Inline#

This is before the component Norge This is after the component

<P>
  This is before the component <Value.SelectCountry value="NO" inline />{' '}
  This is after the component
</P>
Suggest an edit