Demos#
Interactive#
<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#
<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>