Form controls

SearchInput

An input pre-styled with a search icon and an inline clear button. Renders as type="search" for the right keyboard hints on mobile.

Basic

Prop	Type	Default	Description
`value`	`string`	`''`	Bindable input value. Setting it to "" clears the input.
`placeholder`	`string`	`'Search'`	Native placeholder.
`disabled`	`boolean`	`false`	Disable the input.
`oninput`	`(value: string) => void`	no default	Fires on every keystroke and on clear.
`class`	`string`	no default	Extra classes on the wrapper.
`label`	`string`	no default	Label rendered above the field.
`id`	`string`	no default	The input's id. Left out, it is a unique generated id. One passed in wins, and it is what a Label's for or a selector should aim at.
`name`	`string`	no default	The form field the query posts under.