https://github.com/janiskelemen/formvuelar

Vue form components with server-side validation in mind
https://github.com/janiskelemen/formvuelar

color-picker datepicker-component form form-validation helpspace laravel range-slider select tailwindcss uploader vue vue-components vuejs2

Last synced: about 2 months ago
JSON representation

Vue form components with server-side validation in mind

• Host: GitHub
• URL: https://github.com/janiskelemen/formvuelar
• Owner: janiskelemen
• License: mit
• Created: 2018-10-24T17:46:32.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-01-17T20:59:13.000Z (8 months ago)
• Last Synced: 2024-06-24T04:55:14.707Z (3 months ago)
• Topics: color-picker, datepicker-component, form, form-validation, helpspace, laravel, range-slider, select, tailwindcss, uploader, vue, vue-components, vuejs2
• Language: JavaScript
• Homepage: https://janiskelemen.github.io/formvuelar/
• Size: 16.5 MB
• Stars: 300
• Watchers: 6
• Forks: 25
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


    



Vue form components with server side validation in mind




    

        

    



About


[![](https://img.shields.io/npm/v/formvuelar.svg?label=version)](https://www.npmjs.com/package/formvuelar)

[![](https://img.shields.io/npm/dm/formvuelar.svg)](https://npmcharts.com/compare/formvuelar?minimal=true)

[![](https://badgen.net/bundlephobia/minzip/formvuelar?label=Size&color=38A89D)](https://bundlephobia.com/result?p=formvuelar)

![](https://img.shields.io/github/forks/janiskelemen/formvuelar.svg)

![](https://img.shields.io/github/license/janiskelemen/formvuelar.svg)



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.



Examples

Give it a try!


## Documentation

[Full Documentation](https://formvuelar.netlify.com)

Features


- 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)

Getting Started


```bash

npm install formvuelar --save

```

## TODO

    - Test coverage

## Credits

- [Janis Kelemen](https://twitter.com/janiskelemen)

- [Helpspace.com](https://helpspace.com)



  



License

Released under the MIT License.