Package Exports
- @braid/vue-formulate
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@braid/vue-formulate) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
What is Vue Formulate?
Vue Formulate is the easiest way to build forms using Vue. Key features include form and field validation, file uploads, form generation, single-element inputs that support labels, help text, error messages, placeholders and more, and comprehensive documentation for use within your own projects.
Vue Formulate lets you:
✓ Create any input element with a single component
✓ Use v-model binding on fields and entire forms
✓ Re-populate an entire form from a single object
✓ Generate a form using json
✓ Easily add field labels
✓ Easily add help text
✓ Easily add form validation
✓ Easily add custom validation rules
✓ Easily create custom validation messages
✓ Easily create custom inputs
There's a lot more available to read at the comprehensive documentation website.
| v-model an entire form | Well-considered file uploads |
|---|---|
 |
 |
How is Vue Formulate used?
The syntax is what developers would expect. To create an input you use the FormulateInput element and provide it with a few props:
<FormulateInput
v-model="value"
type="email"
name="email"
label="What is your email address"
help="Where should we contact you?"
validation="required|email"
/>Collecting multiple FormulateInput elements within a single FormulateForm element (even deeply nested) allows you to v-model your entire form.
Comprehensive Documentation
There's a lot more available to read at the comprehensive documentation website.