# Getting Started

VueFormGenerator is a schema-based form generator component for [Vue.js](https://github.com/vuejs/vue)

![Example screenshot](https://1109569923-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LQ-0ugDv-u9c49g8Mn0%2F-LThHlIS4PKNoab1CbeQ%2F-LThHn1cZjuo1ONK5xOd%2Fvfg-example1.png?generation=1544800646874670\&alt=media)

## Demo

[JSFiddle simple example](https://jsfiddle.net/zoul0813/d8excp36/)

[CodePen simple example](https://codepen.io/zoul0813/pen/OrNVNw)

## Features

* multiple objects editing
* core & full bundles
* 21+ field types
* grouping fields
* built-in validators
* Bootstrap friendly templates
* customizable styles
* extendable with custom fields
* ...etc

## Documentation

[Link to documentation on Gitbook](https://vue-generators.gitbook.io/vue-generators/)

## More fields `*new*`

VueFormGenerator supports custom fields.\
If you decide to release your custom field into the wild, please [open a new issue](https://github.com/vue-generators/vue-form-generator/issues) so we can add you to a list here!\
Please try to use this naming convention for your custom field : `vfg-field-*`\
Example :

* `vfg-field-myfield`
* `vfg-field-calendar`
* `vfg-field-awesome-dropdown`

This way, it will be easier for everyone to find it. Thank you!

## License

vue-form-generator is available under the [MIT license](https://tldrlegal.com/license/mit-license).

## Contact

Copyright (C) 2016 Icebob

[![@icebob](https://img.shields.io/badge/github-icebob-green.svg)](https://github.com/icebob) [![@icebob](https://img.shields.io/badge/twitter-Icebobcsi-blue.svg)](https://twitter.com/Icebobcsi)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://vue-generators.gitbook.io/vue-generators/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.