mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
26 lines
508 B
Vue
26 lines
508 B
Vue
<template>
|
|
<UInput
|
|
v-model="q"
|
|
name="q"
|
|
placeholder="Search..."
|
|
icon="i-heroicons-magnifying-glass-20-solid"
|
|
autocomplete="off"
|
|
:ui="{ icon: { trailing: { pointer: '' } } }"
|
|
>
|
|
<template #trailing>
|
|
<UButton
|
|
v-show="q !== ''"
|
|
color="gray"
|
|
variant="link"
|
|
icon="i-heroicons-x-mark-20-solid"
|
|
:padded="false"
|
|
@click="q = ''"
|
|
/>
|
|
</template>
|
|
</UInput>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const q = ref('')
|
|
</script>
|