Awesome

<p align="center"> <img src="https://janiskelemen.github.io/formvuelar/example/Formvuelar.svg" alt="Formvuelar" /> </p> <h3 align="center">Vue form components with server side validation in mind</h3> <p align="center"> <a href="https://janiskelemen.github.io/formvuelar/example" target="_blank"> <img src="https://janiskelemen.github.io/formvuelar/example/formvuelar_basic_form.png" alt="Formvuelar basic form" /> </a> </p> <h2>About</h2>

<p> FormVuelar is a set of predefined vue form components which are designed to automatically display errors coming back from your backend. It works out of the box with the error message bag that is returned by Laravel when submitting an ajax form. </p> <h2>Examples</h2> <a href="https://janiskelemen.github.io/formvuelar/example" target="_blank">Give it a try!</a>

Documentation

Full Documentation

<h2>Features</h2>

Works out of the box with Laravel
Axios integration
Select with search and remote source option
Nested Checkboxes
File upload support including progress indication
Image upload with image preview
Dropzone with image preview (inspired by FilePond)
Display validation error messages from error response
Supports Tree Shaking (adds only used components to your js bundle)

<h2>Getting Started</h2>

npm install formvuelar --save

TODO

- Test coverage

Credits

<a href="https://helpspace.com/#formvuelar" target="_blank" title="HelpSpace"> <img src="https://cdn.helpspace.com/brand/2021/og_card.png" width="400px" alt="HelpSpace.com"> </a> <h2>License</h2> <p>Released under the MIT License.</p>