@boewa-software/react-searchbar

React Searchbar Component

Usage no npm install needed!

<script type="module">
  import boewaSoftwareReactSearchbar from 'https://cdn.skypack.dev/@boewa-software/react-searchbar';
</script>

README

React Searchbar

Installation

Das Modul kann via NPM zu einem existierenden Projekt hinzugefügt werden:

$ npm install --save @boewa-software/react-searchbar

Nutzung

Die Nutzung erfolgt als klassische React-Komponente.

Attribute

  • filters : array

    Array mit Filter-Deklarationen im entsprechenden Foormat.

  • onSubmitSearch : function

    Callback-Methode die beim Abschicken der Suche ausgelöst wird

  • defaultValues : object

    Standard-Belegung der Filter mit den Filternamen als Schlüssel-Werte der Objekt-Attribute.

Verknüpfung mit der URL

Die Suchkomponete kann mit den Werten aus der URL verknüpft werden, dazu kann die UrlConnectedSearchBar genutzt werden.