The
SearchField
component has been deprecated and will be removed in a future version. Use Field and SearchInput instead.
- <SearchField- label="Field label"- onChange={handleInputChange}- value={inputValue}- />+ <Field label="Field label">+ <SearchInput+ onChange={handleInputChange}+ value={inputValue}+ />+ </Field>
The search components should be used as a means of discovering content, or as a filter to aid the user in finding content.
Field
The SearchField
component connects the label and description to the input
element.
Sizes
The SearchField
and SearchInput
accept two sizes.
Clear
Using the onClear
property, the input value may be cleared by the user by
clicking the "x" icon or pressing "Escape" while the input is focused.