Introduction

The SearchInput component is a component that combines a TextInput with a search icon. It works exactly the same as a TextInput.

Basic example

<SearchInput placeholder="Filter traits..." />

Disabled

<SearchInput disabled />

Controlled usage

The SearchInput component works the same as using input directly. Use e.target.value to get the value of the component on change.

function ControlledSearchInputExample() {
  const [value, setValue] = React.useState(value)
  return <SearchInput onChange={(e) => setValue(e.target.value)} value={value} />
}