580bf14504
* feat(input): Setting validation status and message. * Update src/components/Input/composables/useInputClasses.ts * Update docs/components/input/examples/InputValidationExample.vue * Update docs/components/input/examples/InputValidationExample.vue * Update docs/components/input.md * Update docs/components/input.md --------- Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>
16 lines
474 B
Vue
16 lines
474 B
Vue
<template>
|
||
<div class="vp-raw">
|
||
<Input v-model='name' placeholder="enter your first name" label="First name">
|
||
<template #helper>
|
||
We’ll never share your details. Read our <a href="#" class="font-medium text-blue-600 hover:underline dark:text-blue-500">Privacy Policy</a>.
|
||
</template>
|
||
</Input>
|
||
</div>
|
||
</template>
|
||
<script lang="ts" setup>
|
||
import { ref } from 'vue'
|
||
import { Input } from '../../../../src/index'
|
||
|
||
const name = ref('')
|
||
</script>
|