Skip to content
Home

SelectCountry

Info
Demos
Properties
Events

Demos

Empty

<Field.SelectCountry

  onChange={(value) => console.log('onChange', value)}

/>

Placeholder

<Field.SelectCountry

  placeholder="Select something...."

  onChange={(value) => console.log('onChange', value)}

/>

Label

<Field.SelectCountry

  label="Label text"

  onChange={(value) => console.log('onChange', value)}

/>

Option selected

<Field.SelectCountry

  value="bar"

  onChange={(value) => console.log('onChange', value)}

/>

Label and option selected

<Field.SelectCountry

  value="bar"

  label="Label text"

  onChange={(value) => console.log('onChange', value)}

/>

Disabled

<Field.SelectCountry

  value="bar"

  label="Label text"

  onChange={(value) => console.log('onChange', value)}

  disabled

/>

Error

This is what is wrong...
<Field.SelectCountry

  value="bar"

  label="Label text"

  onChange={(value) => console.log('onChange', value)}

  error={new FormError('This is what is wrong...')}

/>

Validation - Required

<Field.SelectCountry

  label="Label text"

  onChange={(value) => console.log('onChange', value)}

  required

  validateInitially

  validateUnchanged

/>