Toggle

Theme by Vueform

|

Updated: 19 Oct 2023

|

115 Stars

Vue 3 toggle component with labels, custom slots and styling options (+Tailwind CSS support).

Categories

Overview:

Vueform is a comprehensive form development framework for Vue.js that streamlines the form building process from rendering to validation and processing. With features like a Drag and Drop Form Builder, form elements with custom configuration options, theming with Tailwind support, validators, conditional logic, form wizard, and i18n support, Vueform is a powerful tool for developers and non-tech users alike.

Features:

• Drag and Drop Form Builder: Easily integrate into any application.
• Save Forms in Database: Save forms as JSON for future use.
• Custom Form Elements: Use your own form elements with custom configuration options.
• Theming and Templating: Complete theming system with Tailwind support.
• 25+ Form Elements: Including multi-file uploads, date pickers, and rich text editor.
• Element Nesting and Repeating: Organize form elements efficiently.
• Validators: 50+ validators with async, dependent, and custom rules.
• Conditional Logic: Implement logic on element and form levels.

Installation:

To install Vueform, follow these steps:

1. Installation with Vue 3:

npm install @vueform/vueform

2. Usage with Vue 2:

npm install @vueform/vueform@^2.0.2

3. For older versions of Vue (< 2.7): Switch to <= 2.0.2 to use the Toggle with Vue.js < 2.7.

Summary:

Vueform is a robust form development framework for Vue.js, offering a range of features like a Drag and Drop Form Builder, custom form elements, theming, validators, conditional logic, and more. With support for both Vue 2 and Vue 3, Vueform simplifies the form-building process for developers and non-tech users. Whether you need to create simple forms or complex multi-step wizards, Vueform provides the tools to streamline the development process effectively.