Search
An elegant search component.
Search component default values
- No results
Search loading
- Loading...
Without results
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| placeholder | string | No | - | Search input placeholder |
| isOpen | boolean | No | false | Open/close search |
| onSubmit | React.ReactFormEvent | No | - | Event that happens on submit |
| size | SearchInputSize | No | - | Search input size |
| onChange | React.ChangeEvent | No | - | Event that happens when user types something |
| closeButton | JSX.element | No | - | Specify close button |
| hasBorder | boolean | No | false | Display border around search input |
| onBlur | React.FocusEvent | No | - | Event that happens when user clicks outside of search input |
| onClear | React.MouseEvent | No | - | Event that happens when user clears search input |
| onFocus | React.FocusEvent | No | - | Event that happens when user clicks on search input |
| onKeyDown | React.KeyboardEvent | No | - | Event that happens when user presses the key |
| onKeyUp | React.KeyboardEvent | No | - | Event that happens when user releases the key |
| query | string | No | - | - |
| results | JSX.Elements | No | - | Results from search query |