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 |