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

PropTypeDefaultRequired
size
"sm" | "md"

-

-

state
"error"

-

-

cssCSSProperties

-

-

asJSX.IntrinsicElements

-

-

placeholder
string

-

-

labelstring

-

error
string

-

-

prompt
{ link: string; label: string; }

-

-

description
string

-

-

hideLabel
boolean

-

-

validation
ValidationOptions

-

-