Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | 1x 1x 1x 1x 1x 1x 1x | <script setup lang="ts">
defineProps<{
modelValue?: string
placeholder?: string
type?: string
}>()
defineEmits(['update:modelValue'])
</script>
<template>
<input
:type="type || 'text'"
:placeholder="placeholder"
:value="modelValue"
@input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
class="w-full rounded-xl border border-gray-300 px-4 py-2
focus:outline-none focus:ring-2 focus:ring-blue-500
focus:border-blue-500 transition"
/>
</template>
|