Search
This component is used to find some information
Search is a wrapper over TextInput but with some useful features for finding the information. When the value is empty Search shows placeholder in the center of the control. When the value is not empty, Search shows "Clear" button in the right corner.
Search used debounced value with 500 ms latency.
Search suggestions
In TextInput suggestions prop is just an array of strings. But in Search it works in different way. This is a function which takes the query string and returns an array of strings. This array will be used as suggestions for user.
Properties
Property | Type | Description |
---|---|---|
|
| Inputed value |
|
| Callback is called when user changed the value in the text field |
|
| Placeholder of the input |
|
| Error message for Search |
|
| Hint message for Search |
| Size of the text input | |
|
| Marks input as disabled |
|
| Marks input as required |
|
| Custom html input element |
|
| List of suggestions for inputed value. |
|
| If true the first matching suggestion will be displayed directly in the input field |
|
| If true Loading component will be used as right island |
| Surface of the input | |
| Shadows of the input | |
|
| Custom CSS class |
History
Altrone 2.0
: initial release
Last updated