DataSearch

search input for data

DataSearch is a TextInput. You can customize it using the properties available in TextInput.

Props

drop

Whether to show the search via a DropButton.

boolean

true

false

responsive

Whether the search is responsive.

boolean

true

false

updateOn

Whether to change the view on each search input change or to gather multiple changes up into a single submit when the Enter key is pressed.

string

"change"

"submit"

React/DOM Properties

At its core, the DataSearch component is a regular <input> element. Thus, both DOM and React properties, methods, and events are accessible. To read up on all of the possible DOM attributes and types available for input elements, check out this MDN Web Documents page. To learn more about DOM events and methods, you can read more on the MDN Web Events documentation page.

Also, feel free to read about the types of React events available, or see how DOM attributes change in React. Working in tandem with Styled Components, you also have access to the as property.