mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
19 lines
462 B
Vue
19 lines
462 B
Vue
<template>
|
|
<UInput v-model="q" name="q" placeholder="Search..." icon="i-heroicons-magnifying-glass-20-solid" :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>
|