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: 13 days 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 (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-23T05:28:29.000Z (10 months ago)
• Last Synced: 2024-04-23T07:05:09.844Z (10 months 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







[![npm](https://img.shields.io/npm/v/vue-form-latte)](https://www.npmjs.com/package/vue-form-latte)

[![npm](https://img.shields.io/npm/dt/vue-form-latte)](https://www.npmjs.com/package/vue-form-latte)

[![npm](https://img.shields.io/npm/l/vue-form-latte)](https://www.npmjs.com/package/vue-form-latte)

[![npm](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://www.npmjs.com/package/vue-form-latte)

[![npm](https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vue.js&logoColor=4FC08D)](https://www.npmjs.com/package/vue-form-latte)

[![npm](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](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',

        },

    },

];

```