\n\n## Live Demos\n\n* [Questionnaire example](https://www.ditdot.hr/demo/vff/questionnaire/)\n* [Support page example](https://www.ditdot.hr/demo/vff/support-page/)\n* [Quiz example](https://www.ditdot.hr/demo/vff/quiz/)\n\n## Project Documentation\n\n* [Guide](https://www.ditdot.hr/en/docs/vue-flow-form-guide)\n\n## Example Project\n\nRequirements:\n\n* [Node.js](https://nodejs.org/en/) version 10.0.0 or above (12.0.0+ recommended)\n* [npm](https://www.npmjs.com/get-npm) version 5+ (or [yarn](https://yarnpkg.com/lang/en/docs/install/) version 1.16+)\n* [Git](https://git-scm.com/)\n\nAfter checking the prerequisites, follow these simple steps to install and use Vue Form:\n\n```shell\n# clone the repo\n$ git clone https://github.com/ditdot-dev/vue-flow-form.git myproject\n\n# go into app's directory and install dependencies:\n$ cd myproject\n```\n\nIf you use npm:\n\n```shell\n$ npm install\n\n# serve with hot reload at localhost:8080 by default.\n$ npm run serve\n\n# build for production\n$ npm run build\n```\n\nIf you use yarn:\n\n```shell\n$ yarn install\n\n# serve with hot reload at localhost:8080 by default.\n$ yarn serve\n\n# build for production\n$ yarn build\n```\n\nMade with [Vue.js](https://vuejs.org/)\n\n## Usage as npm package\n\nIf you don't already have an existing Vue project, the easiest way to create one is to use [Vue CLI](https://cli.vuejs.org/):\n\n```shell\n$ npm install -g @vue/cli\n# OR\n$ yarn global add @vue/cli\n```\n\nAnd then create a project (refer to [Vue CLI documentation](https://cli.vuejs.org/guide/) and [issue tracker](https://github.com/vuejs/vue-cli/issues) for potential problems on Windows):\n\n```shell\n$ vue create my-project\n$ cd my-project\n```\n\nTo add Vue Flow Form as a dependency to your Vue project, use the following:\n\n```shell\n$ npm install @ditdot-dev/vue-flow-form --save\n```\n\nAnd then in your App.vue file:\n\n```html\n\n \n\n\n\n\n\n```\n\n## Usage with plain JavaScript via CDN\n\nHTML:\n\n```html\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n\n```\n\nJavaScript (content of app.js):\n\n```js\nvar app = new Vue({\n el: '#app',\n data: function() {\n return {\n language: new FlowForm.LanguageModel({\n // Your language definitions here (optional).\n // You can leave out this prop if you want to use the default definitions.\n }),\n questions: [\n new FlowForm.QuestionModel({\n title: 'Question',\n type: FlowForm.QuestionType.MultipleChoice,\n options: [\n new FlowForm.ChoiceOption({\n label: 'Answer'\n })\n ]\n })\n ]\n }\n }\n});\n```\n\n## Changelog\n\nChanges for each release are documented in the [release notes](https://github.com/ditdot-dev/vue-flow-form/releases).\n\n## License\n\n[MIT](https://github.com/ditdot-dev/vue-flow-form/blob/master/LICENSE) license.\n","readmeFilename":"README.md"}
![\"License\"](\"https://img.shields.io/npm/l/@ditdot-dev/vue-flow-form.svg?sanitize=true&color=41B883\")
\n ![\"Version\"](\"https://img.shields.io/npm/v/@ditdot-dev/vue-flow-form.svg?sanitize=true&color=41B883\")
\n ![\"cdnjs\"](\"https://img.shields.io/cdnjs/v/vue-flow-form?color=yellow\")
\n![\"v-form](\"https://www.ditdot.hr/demo/vff/visuals/v-form-green-full-rotate-02.png\")
\n