mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-20 23:06:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(search): round and clearable searchbar

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-11 22:47:11 +02:00
parent d55329f3ab
commit b112f5f226
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/SearchBar.vue
View file

@ -33,17 +33,15 @@ function onSelect(path: string) {
<template> <template>
<div> <div>
<n-auto-complete <n-auto-complete :options="options" v-model:value="queryString" :input-props="{ autocomplete: 'disabled' }"
placeholder="Search a tool..." :on-select="onSelect">
:options="options" <template #default="{ handleInput, handleBlur, handleFocus, value: slotValue }">
v-model:value="queryString" <n-input round clearable placeholder="Search a tool..." :value="slotValue" @input="handleInput"
:input-props="{ autocomplete: 'disabled' }" @focus="handleFocus" @blur="handleBlur">
:on-select="onSelect" <template #prefix>
> <n-icon :component="SearchRound" />
<template #prefix> </template>
<n-icon> </n-input>
<search-round />
</n-icon>
</template> </template>
</n-auto-complete> </n-auto-complete>
</div> </div>