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

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

    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.