SearchBar UI Component
npm i @synerise/ds-search-bar
or
yarn add @synerise/ds-search-bar
import SearchBar from '@synerise/ds-search-bar'
<SearchBar />
| Property | Description | Type | Default |
|---|---|---|---|
| autofocus | Whether the input is focused | boolean | false |
| className | Optional class for the component | string | - |
| clearTooltip | Tooltip description above clear button | string / React.ReactNode | - |
| disabled | Whether the input is disabled. | boolean | - |
| iconLeft | Place for optional icon on the left side | React.ReactNode | - |
| onSearchChange | Callback when user input | () => void | - |
| onClearInput | Callback when user press clear button | () => void | - |
| placeholder | Placeholder | string / React.ReactNode | - |
| value | The input content value | string | - |
| autofocusDelay | Delay (ms) of the focus on search input | number | 0 |