Select Field

View source Report an issue Edit this page

Wraps a Select with a Label and InlineMessage

SelectField wraps a Select with a Label and a InlineMessage to provide consistent behaviour and layout.


<Form>
  <SelectField name="options" label="Options" css={{ width: 320 }}>
    <option value="apples">Apples</option>
    <option value="bananas">Bananas</option>
  </SelectField>
</Form>

API Reference

Prop	Type	Default	Required
`size`	`"sm"` \| `"md"`	-	-
`state`	`"error"`	-	-
`css`	`CSSProperties`	-	-
`as`	`JSX.IntrinsicElements`	-	-
`placeholder`	`string`	-	-
`label`	`string`	-
`error`	`string`	-	-
`prompt`	`{ link: string; label: string; }`	-	-
`description`	`string`	-	-
`hideLabel`	`boolean`	-	-
`validation`	`ValidationOptions`	-	-