A search bar allows users to search a large set of data by entering keywords. A list of matching items is then returned.
The unique identifier of the SearchBar
A callback function executed when a search is performed by either pressing Enter or clicking on the icon.
Additional CSS classes to set on the outermost element
Whether the SearchBar is disabled. If disabled, it cannot be interracted with
If true, the search bar will be disabled in the UI and in the state on mount.
Additional CSS classes to set on the inner input element
The maximum width of the SearchBar
The minimum width of the SearchBar
A callback function executed when the text in the SearchBar changes
A callback function executed when the component is mounted to the DOM
A callback function executed when the component is unmounted from the DOM
The text displayed inside the search bar when it is empty
Whether a search is being performed. If true, a loading icon appears to indicate something is happening.
The value of the search bar. In other words, this is the text currently enterred in the SearchBar.