New! DataSearch is in beta, test it out and let us know what you think. This component is available on thestable branch.

DataSearch

search input for data

Props

drop

Whether to show the search via a DropButton.

boolean
true
false

responsive

Whether the search is responsive.

boolean
true
false

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.