0.1.7 • Published 17 days ago
vue-form-latte v0.1.7
Vue Form Latte
Vue Form Latte is a form generator library for Vue 3. It is designed to be a flexible and powerful tool for building forms with Vue 3, TypeScript and Tailwind CSS.
Installation
npm install vue-form-latte
Features
- TypeScript Support: Vue Form Latte is written in TypeScript and provides full support for TypeScript.
- Tailwind CSS: Vue Form Latte is designed to work with Tailwind CSS out of the box.
- Flexible: Vue Form Latte is designed to be flexible and powerful. It provides a wide range of options for customizing the form and its fields.
- Validation: Vue Form Latte provides built-in support for form validation.
- Custom Fields: Vue Form Latte allows you to create custom form fields and use them in your forms.
Usage (v0.1.2)
<template>
<VueFormLatte
ref="formRef"
format="grid"
:components="components"
:schema="schema"
validate-on-submit
@submit="onSubmit" />
</template>
<script setup lang="ts">
import { VueFormLatte } from 'vue-form-latte';
import * as Yup from 'yup';
const schema = Yup.object({
name: Yup.string().required(),
email: Yup.string().email().required(),
});
const components: VueFormLatteItem[] = [
{
componentType: 'input',
colspan: 4,
props: {
name: 'name',
initialValue: '',
placeholder: 'Write your name',
label: 'User name',
},
},
{
componentType: 'input',
colspan: 4,
props: {
name: 'email',
initialValue: '',
placeholder: 'Write your email',
label: 'Email',
},
},
];
0.1.7
17 days ago
0.1.6
17 days ago
0.1.5
1 month ago
0.1.41
1 month ago
0.1.33
2 months ago
0.1.32
2 months ago
0.1.31
2 months ago
0.1.3
2 months ago
0.1.2
3 months ago
0.1.0
3 months ago
0.1.1
3 months ago
0.0.9
3 months ago
0.0.8
3 months ago
0.0.7
3 months ago
0.0.6
3 months ago
0.0.4
3 months ago
0.0.3
3 months ago
0.0.2
3 months ago
0.0.1
3 months ago