Select

Basic usage

Select...

 
<SelectPrimitive
  onChange={value => console.log(value)}
  options={exampleOptions}
/>

As form field

{
  "values": {
    "mySelect": {
      "value": "ETH",
      "label": "Ethereum"
    }
  },
  "errors": {},
  "touched": {},
  "isSubmitting": false,
  "isValidating": false,
  "submitCount": 0,
  "dirty": false,
  "isValid": false,
  "initialValues": {
    "mySelect": {
      "value": "ETH",
      "label": "Ethereum"
    }
  },
  "validateOnChange": true,
  "validateOnBlur": true
}

Ethereum

 
<Formik
  initialValues={{ mySelect: exampleOptions[0] }}
  render={values => (
    <form>
      <pre>{JSON.stringify(values, null, 2)}</pre>
      <br />
      <Field
        name="mySelect"
        placeholder="select"
        component={Select}
        options={exampleOptions}
      />
    </form>
  )}
/>

PolymathUI

Select

Basic usage

As form field