https://github.com/lithos-hub/vue-form-latte
NPM package made with Vue 3, TypeScript and Vite to generate dynamic forms easily
https://github.com/lithos-hub/vue-form-latte
form npm-package typescript vite vue3
Last synced: 4 months ago
JSON representation
NPM package made with Vue 3, TypeScript and Vite to generate dynamic forms easily
- Host: GitHub
- URL: https://github.com/lithos-hub/vue-form-latte
- Owner: Lithos-hub
- License: mit
- Created: 2024-02-08T06:28:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-23T05:28:29.000Z (about 1 year ago)
- Last Synced: 2024-04-23T07:05:09.844Z (about 1 year ago)
- Topics: form, npm-package, typescript, vite, vue3
- Language: Vue
- Homepage: https://www.npmjs.com/package/vue-form-latte
- Size: 710 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Form Latte
[](https://www.npmjs.com/package/vue-form-latte)
[](https://www.npmjs.com/package/vue-form-latte)
[](https://www.npmjs.com/package/vue-form-latte)
[](https://www.npmjs.com/package/vue-form-latte)
[](https://www.npmjs.com/package/vue-form-latte)
[](https://www.npmjs.com/package/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
```bash
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)
```vue
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',
},
},
];
```