vue-formify
v0.0.40
Published
Unleash Form-Building Freedom! 🚀
Downloads
361
Maintainers
Readme
Features
📚 Documentation
Read more in the documentation
📦 Install
npm i vue-formify
💻 Usage
<script lang="ts" setup>
import { ref } from 'vue';
import { FormifyForm, FormifyInput } from 'vue-formify';
type SimpleForm = {
email: string;
}
const form = ref()
const sendForm = (data: SimpleForm) => {
if(!data.email) {
return form.setError('email', 'Email required')
}
console.log(data);
};
</script>
<template>
<FormifyForm @submit="sendForm" v-slot="{errors}">
<FormifyInput name="email" />
<span class="error">{{ errors.email }}</span>
<button>Send</button>
</FormifyForm>
</template>