# Usage

`<SearchInput />` …

`import { SearchInput } from "aptible-design-kit"`

```jsx
<SearchInput>{...}</SearchInput>
```

## Props

| Prop | Type | Required | Default Value | Description |
|:--- |:--- |:--- |:--- |:--- |
| direction | SEARCH_FILTER_DIRECTION | No | LEFT | Direction the search input should slide out relative to the search icon
| placeholder | string | No | undefined | Placeholder text for search input
| onSearch | function | Yes | undefined | Callback to execute when user completes a search