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: 8 months 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 7 years ago)
- Default Branch: dev
- Last Pushed: 2020-03-04T05:41:31.000Z (almost 6 years ago)
- Last Synced: 2025-04-15T01:15:43.512Z (8 months 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: 3
- Forks: 17
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - vue-form-components - Clean & minimal vue form elements and form builder with validation ` 📝 a year ago` (UI Utilities [🔝](#readme))
- awesome-vue - vue-form-components ★27 - Clean & minimal vue form elements with validation (UI Utilities / Form)
- awesome-vue - vue-form-components - Clean & minimal vue form elements with validation (UI Utilities / Form)
- awesome-vue - vue-form-components - Clean & minimal vue form elements with validation (Components & Libraries / UI Utilities)
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)