{"_id":"@anivive/vue3-form-wizard","_rev":"9-c5453fd431b14fe04faa0d888d03b71a","name":"@anivive/vue3-form-wizard","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@anivive/vue3-form-wizard","version":"1.0.1","keywords":["vue","vue-3","form","wizard","json"],"author":{"url":"https://github.com/dan2kx","name":"Dan McGowan"},"license":"MIT","_id":"@anivive/vue3-form-wizard@1.0.1","maintainers":[{"name":"dan2kx","email":"dmcgowan@anivive.com"},{"name":"skyler.stearns","email":"skyler@anivive.com"},{"name":"sirago","email":"nick@sirago.org"}],"contributors":[{"url":"https://github.com/SkylerStearns","name":"Skyler Stearns"},{"url":"https://github.com/sirago","name":"Nick Sirago"}],"homepage":"https://github.com/Anivive/vue3-form-wizard#readme","bugs":{"url":"https://github.com/Anivive/vue3-form-wizard/issues"},"dist":{"shasum":"d9f77ea05327c2ddc5776a9dfbaf87b12370effb","tarball":"https://registry.npmjs.org/@anivive/vue3-form-wizard/-/vue3-form-wizard-1.0.1.tgz","fileCount":10,"integrity":"sha512-VrP5jq/LzQEm3dp95AsQBr5S2F8HNM4NJXopD79NY/NZnW/I9FxcVBl8/T11Z6CquUgce5zyFCFS/wj8L8njhQ==","signatures":[{"sig":"MEQCIFud5GwMyYZI/wgEE9W2/J2Vm/G2F6dhJ/TYJuraYdDmAiAx5ApZzzsiTPZWU61Pdk9CiX3RcYXJTrGeN2N85QQdbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1291564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJsKLCRA9TVsSAnZWagAAbBIP/0968aDlAO2AWYwifLW1\nuYMzDmUQ3a85P+CQ5L5jiXbnaNP+2anwGITgZsdJeN19C2LJP8y9OV8WNxYV\nz7l7QSh89qhiBdIr93UjzHYTzpVbN4lDwaEBeWrZrGAKnwzPg1H4CIFVSaDN\nHHc5YDll4swlt3pujV6tQ/yAV8Iy4WNIhpsokDFqO+GLP7E3s5zXvhNZegnu\nB3Hkfa9F4yhQDRnKxPOeb0sbji+aWYaEOOF7Tc6pfJfxiFC6AxOVDCcIPBwT\nw0jbuZaInU2kLgTbEzuOL3Do39ETPqq6DS7+BF9XOMSEtduTtMRV1pQkcHvK\nDBVPERRKPBVxADZSlHM0ULkuFsL9Zx4pm9y4IO385d0eZrBzrbQFC3iSuENi\nzKv6C2lMroRitrZ+1wz/3rNQXDNAu/YjU7WJDTB/2IRK5CJNSU3rWfBYl34s\n5xu23abzv4kKP5lJt2A35EV2thwRI4QIm2+/lgJw3yMeAuDKIX1lrd/K/Ict\nvf/vwcfY6XTl6hshmjDwaXgENkAeTFLsT2PLPpxl1NmgclnYpMz2LmIK2uXa\n2QiZ/Ixqnvzs6KFr3ZRSToRsE+XHi68xcKOxo6B0zO4vaDmAspzR6tuXf6Iy\nlh/E/3cF6AWQrCdLMbI6XdyORZj17W3JyV3Rly1nWe4qfYZGRcIn6ugkzETE\npdEK\r\n=DAg6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.common.js","unpkg":"dist/index.min.js","gitHead":"12f65517e0f9938b3b66d19ab5746472b70ea759","scripts":{"docs":"docsify serve ./docs","lint":"vue-cli-service lint","test":"jest ./tests","build":"vue-cli-service build --target lib --name index src/main.js src/sass/main.scss && rm ./dist/demo.html"},"_npmUser":{"name":"sirago","email":"nick@sirago.org"},"repository":{"url":"git+https://github.com/Anivive/vue3-form-wizard.git","type":"git"},"_npmVersion":"6.14.10","description":"Vue 3 wizard style json form generator","directories":{},"_nodeVersion":"14.15.4","dependencies":{},"organization":"Anivive Lifesciences Inc.","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.0.5","jest":"^26.6.3","sass":"^1.30.0","eslint":"^6.8.0","core-js":"^3.8.1","ts-jest":"^26.4.4","vue-jest":"^5.0.0-alpha.8","babel-jest":"^26.6.3","typescript":"^4.1.3","sass-loader":"^10.1.0","@vue/test-utils":"^2.0.0-beta.14","@vue/cli-service":"^4.5.9","@vue/compiler-sfc":"^3.0.4","eslint-plugin-vue":"^7.2.0","eslint-plugin-import":"^2.22.1","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.9","@typescript-eslint/parser":"^2.33.0","@vue/eslint-config-airbnb":"^5.0.2","@vue/cli-plugin-typescript":"^4.5.9","eslint-import-resolver-alias":"^1.1.2","@vue/eslint-config-typescript":"^5.0.2","@typescript-eslint/eslint-plugin":"^2.33.0"},"peerDependencies":{"vue":"^3.0.5"},"_npmOperationalInternal":{"tmp":"tmp/vue3-form-wizard_1.0.1_1613152906515_0.6914709476611869","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-02-12T18:01:46.246Z","modified":"2026-04-21T17:05:31.438Z","1.0.1":"2021-02-12T18:01:46.697Z"},"bugs":{"url":"https://github.com/Anivive/vue3-form-wizard/issues"},"author":{"url":"https://github.com/dan2kx","name":"Dan McGowan"},"license":"MIT","homepage":"https://github.com/Anivive/vue3-form-wizard#readme","keywords":["vue","vue-3","form","wizard","json"],"repository":{"url":"git+https://github.com/Anivive/vue3-form-wizard.git","type":"git"},"description":"Vue 3 wizard style json form generator","contributors":[{"url":"https://github.com/SkylerStearns","name":"Skyler Stearns"},{"url":"https://github.com/sirago","name":"Nick Sirago"}],"maintainers":[{"email":"carchuleta@anivive.com","name":"anivive-cameron"},{"email":"jhager@anivive.com","name":"jhager_anivive"},{"email":"itadmin@anivive.com","name":"anivive_bot"},{"email":"skyler@anivive.com","name":"skyler.stearns"},{"email":"dmcgowan@anivive.com","name":"dan2kx"},{"email":"cody@anivive.com","name":"codyanivive"},{"email":"sfacista@anivive.com","name":"sfacista"}],"readme":"
\n\n\n\n# Vue 3 Form Wizard\n\n[![MIT License](https://img.shields.io/badge/license-MIT-brightgreen)](/templates/LICENSE.md)\n[![Vue](https://img.shields.io/badge/vue-3.0.5-%2342b883)](https://v3.vuejs.org/)\n[![Typescript](https://img.shields.io/badge/typescript-4.1.3-blue)](https://www.typescriptlang.org/)\n[![Jest](https://img.shields.io/badge/jest-26.6.3-red)](https://jestjs.io/en/)\n[![Testing Coverage](https://img.shields.io/badge/coverage-100%25-green)](https://github.com/Anivive/vue-package-starter)\n\n
\n\n\n## Introduction\nVue 3 Form Wizard is a JSON configurable, fully customizable, form builder that allows developers to easily create step-based forms.\n\nForm questions can be generated easily by specifying a JSON configuration object. The end result is a step-based form which will display one question at a time.\n\nSupport for the most common input types\n\n- Text Input\n- Textarea\n- Dropdown (filterable)\n- Single and Multi Select Options List\n- Ability to create your own custom input types\n\n### Features\n\n* Fully customizable style\n* Validation of input on a per-step basis\n* Custom validation messages\n* Ability to query API to get list options\n* Callbacks after each question\n\n---\n## Table of Contents\n\n* [Introduction](#introduction)\n* [Usage](#usage)\n* [Documentation](#documentation)\n* [Table of Contents](#table-of-contents)\n* [Contributing Guidelines](#contributing-guidelines)\n* [Code Of Conduct](#code-of-conduct)\n* [Bugs and Feature Requests](#bugs-and-feature-requests)\n* [Copyright and License](#copyright-and-license)\n\n---\n## Usage\nInstall the package using the node package manager. \n\n```npm\nnpm install vue3-form-wizard\n```\n\nimport onto your component and add to the `components` key.\n\n```js\nimport VueFormWizard from 'vue3-form-wizard'\n\n// If you want to use our styling\nimport 'vue3-form-wizard/dist/index.css'; \n\nexport default {\n components: {\n VueFormWizard\n }\n}\n```\n\nYou can then add the component to your template, where the `form` property is an array of objects for generating the form and `v-model` is where to store the data on your component.\n\n\n```html\n\n```\n\nThe `form` property can be configured with objects for each input type very easily:\n\n```json\n [\n {\n \"property\": \"text\",\n \"text\": \"This is a simple text input question. (Min 3 chars, required)\",\n \"type\": \"input\",\n \"options\": {\n \"type\": \"text\",\n \"validations\": {\n \"min\": {\n \"value\": 3,\n \"message\": \"Input needs to be at least 3 characters\"\n },\n },\n \"placeholder\": \"Enter the text.\"\n },\n \"required\": true\n },\n ...\n ]\n```\n\n---\n\n## Documentation\nFull documentation can be found [here](https://expert-giggle-ffac66c9.pages.github.io/).\n\n---\n\n## Coming Soon\n**Summary view** - Will summarize the user input and allow a quick edit functionality.\n\n**Progress indicator** - This will visually indicate to the user the progress through the form.\n\n**Conditions** - An additional configurable item which will allow for dynamic form generation, based on the answers given, new inputs can be added to the sequence.\n\n**Custom Components** - We also plan to make some out-of-the-box custom components, like a date selector.\n\n---\n## Contributing Guidelines\nPlease read through our [contributing guidelines](CONTRIBUTING.md). Included are directions\nfor opening issues, coding standards, and notes on development.\n\nMoreover, if your pull request contains JavaScript patches or features, you must include relevant\nunit tests. All HTML and CSS should conform to the Code Guide, maintained by Mark Otto.\n\n---\n\n\n## Code Of Conduct\nPlease read through our [code of conduct](CODE_OF_CONDUCT.md).\n\n---\n\n\n\n## Bugs and Feature Requests\nFound a bug or have a feature request? Please first read the issue guidelines and search for\nexisting and closed issues.\n\nIf your problem or idea is not addressed yet, please\n[open a new issue](https://github.com/Anivive/vue3-form-wizard/issues).\n\n\n\n## Thanks\nThank you to all of you who have contributed to this package.\n[[Contribute to the Project](CONTRIBUTING.md)]\n\n\n\n## Copyright and License\nCode and documentation copyright 2021 Anivive Lifesciences Code released under the [MIT License](LICENSE.md).\n\nDocs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).\n\nPlease note that this project is released with a [Contributor Code of Conduct](CODE_OF_CONDUCT.md).\nBy participating in this project you agree to abide by its terms.\n\n\n\n---\n\n\n\nStatus badges created using [Shields.io](https://github.com/badges/shields).\n","readmeFilename":"README.md"}