Defines the name, icon, and UI for a search method. Handles hiding/showing the UI elements depending on whether this search method is selected in the SearchMethodTileTabber.
Usage
<search-method
name="text-search"
icon="mdi-keyboard">
<template #search-interface>
<q-input v-model="searchText" @update:model-value="(evt) => onSearchTextUpdated(evt)" label="Search" />
</template>
</search-method>
See TODO for more details about implementing new search methods.
Props
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
name |
String | - | Yes | the name of this search method |
icon |
String | - | Yes | the icon of this search method |
Events
| Name | Payload Type | Description |
|---|---|---|
tile-clicked |
undefined | Emitted when this search method tile is clicked |