docs(input): add examples

This commit is contained in:
Benjamin Canac
2024-10-18 15:19:10 +02:00
parent d407c42be7
commit 9359603a0a
9 changed files with 292 additions and 4 deletions

View File

@@ -0,0 +1,22 @@
<script setup lang="ts">
const value = ref('Click to clear')
</script>
<template>
<UInput
v-model="value"
placeholder="Type something..."
:ui="{ trailing: 'pr-0.5' }"
>
<template v-if="value?.length" #trailing>
<UButton
color="neutral"
variant="link"
size="sm"
icon="i-heroicons-x-circle"
aria-label="Clear input"
@click="value = ''"
/>
</template>
</UInput>
</template>