https://github.com/antonreshetov/vue-form-components

Clean & minimal vue form elements and form builder with validation
https://github.com/antonreshetov/vue-form-components

components form form-validation formbuilder javascript vue vue-components vue-form

Last synced: about 4 hours ago
JSON representation

Clean & minimal vue form elements and form builder with validation

• Host: GitHub
• URL: https://github.com/antonreshetov/vue-form-components
• Owner: antonreshetov
• License: mit
• Created: 2018-09-21T06:53:04.000Z (about 6 years ago)
• Default Branch: dev
• Last Pushed: 2020-03-04T05:41:31.000Z (over 4 years ago)
• Last Synced: 2024-11-09T08:43:12.214Z (7 days ago)
• Topics: components, form, form-validation, formbuilder, javascript, vue, vue-components, vue-form
• Language: Vue
• Homepage: https://antonreshetov.github.io/vue-form-components/
• Size: 5.05 MB
• Stars: 122
• Watchers: 4
• Forks: 17
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



Vue Form Components



  

  

  



## Documentation

[https://antonreshetov.github.io/vue-form-components](https://antonreshetov.github.io/vue-form-components/)

## Install

### NPM

Installing with npm is recommended and it works seamlessly with webpack.

```js

npm i vfc

```

### Download

You can download latest version from the Github: Download

## Quick start

### Global

To use in your project, just import vfc and install into Vue.

```js

import Vue from 'vue'

import App from './App.vue'

import VFC from 'vfc'

import 'vfc/dist/vfc.css'

Vue.use(VFC)

new Vue({

  render: h => h(App)

}).$mount('#app')

```

### On demand

```html

  

  import 'vfc/dist/vfc.css'

  import { Input } from 'vfc'

  export default {

    components: {

      [Input.name]: Input

    }

  }

```

Full component list:

```js

import {

  Input,

  Button,

  Checkbox,

  CheckboxGroup,

  Radio,

  Select,

  Option,

  Form,

  FormItem,

  FormBuilder

} from 'vfc'

```

## License

MIT © 2018-present [Anton Reshetov](http://antonreshetov.com)