Select

Dropdown for single or multiple choices. Uses Field internally to render the label, hint, and error message.

Single select

tsx
<Select label="Role" options={options} name="role1" />
<Select label="Role (preselected)" options={options} name="role2" value="editor" />
<Select label="Role (disabled)" options={options} name="role3" disabled />

States

Determines what the user can access.
Please select a role.
tsx
<Select
  label="Role"
  options={options}
  name="rs1"
  hint="Determines what the user can access."
/>

<Select
  label="Role"
  options={options}
  name="rs2"
  error="Please select a role."
  required
/>

Multiple select

tsx
<Select
  label="Roles"
  options={options}
  name="roles"
  multiple
  value={['admin', 'editor']}
/>

Sizes

tsx
<Select label="Small" options={options} name="ss1" size="sm" />
<Select label="Medium" options={options} name="ss2" size="md" />
<Select label="Large" options={options} name="ss3" size="lg" />