Met mave-search kun je videobibliotheken doorzoeken. De component toont een zoekveld dat tijdens het typen resultaten voorstelt en na verzending de uiteindelijke zoekresultaten in een mave-list-component weergeeft. De component is geoptimaliseerd voor snelle reacties, ook bij grote videobibliotheken.
Om de mave-search-component te gebruiken, voeg je deze aan je webpagina toe met het vereiste JWT-token voor authenticatie.
<mave-search token="your_jwt_token_here"></mave-search>Je kunt optioneel het ID opgeven van de mave-list-component waarin de zoekresultaten moeten verschijnen.
| Eigenschap | Beschrijving |
|---|---|
| token (verplicht) | Je JWT-token voor authenticatie. |
| list | Het ID van de mave-list-component waarin de zoekresultaten worden weergegeven. |
De component ondersteunt events voor gebruikersinteracties. Je kunt naar deze events luisteren om aangepast gedrag of analytics toe te voegen.
| Event | Beschrijving |
|---|---|
| loading | Wordt geactiveerd wanneer een zoekopdracht wordt verzonden. |
| ready | Wordt geactiveerd wanneer een gebruiker een zoekresultaat selecteert. |
Je kunt het invoerveld van mave-search opmaken met de standaard CSS-eigenschappen voor HTML-invoerelementen. Zo integreert het naadloos in elk webontwerp.
