\r\n\r\nSprintify is a lightweight Vue plugin that makes reactive form creation a cinch.\r\n\r\n## Installation\r\n\r\n### 1. Instal via npm\r\n```bash\r\nnpm install sprintify-formly\r\n```\r\n\r\n### 2. Import and use Sprintify Formly\r\n```javascript\r\nimport Vue from 'vue'\r\nimport Form from 'sprintify-formly'\r\n\r\nVue.use(Form)\r\n```\r\n\r\n## Quick start\r\n\r\nYou can create a simple form this way:\r\n\r\n```html\r\n\r\n```\r\n\r\n```javascript\r\nexport default {\r\n data () {\r\n return {\r\n form: this.$form.create({\r\n schema: {\r\n firstname: null,\r\n lastname: null,\r\n age: null\r\n }\r\n })\r\n }\r\n },\r\n methods: {\r\n send () {\r\n this.form.post('/admin/user')\r\n .then(response => {\r\n alert('User successfully created!')\r\n })\r\n .catch(error => {\r\n alert('Whoops!')\r\n })\r\n }\r\n }\r\n}\r\n```\r\n\r\n### Dynamic Lists\r\n\r\nTo generate dynamic lists, you proceed like this:\r\n```html\r\n\r\n```\r\n\r\n```javascript\r\nexport default {\r\n data () {\r\n return {\r\n form: this.$form.create({\r\n schema: {\r\n tags: [\r\n {\r\n name: null,\r\n category: null\r\n }\r\n ]\r\n }\r\n })\r\n }\r\n }\r\n}\r\n```\r\nTo add an element to a list: `form.tags.add()`.\r\n\r\nTo remove an element from a list: `form.tags.remove(i)`.\r\n\r\n## Documentation\r\n\r\n### Configuration\r\n\r\n```javascript\r\nVue.use(Form, {\r\n locales: {\"en\": \"English\", \"fr\": \"Français\"}, // All app's locales\r\n locale: \"en\", // Default locale\r\n onFormSuccess: onSuccess, // callback when a form makes a successful request\r\n onFormFail: onFail // callback when a form makes a failed request\r\n})\r\n```\r\n\r\n### Set custom data\r\n\r\nYou can set custom data for each field this way:\r\n```javascript\r\nexport default {\r\n data () {\r\n return {\r\n form: this.$form.create({\r\n schema: {\r\n firstname: null,\r\n tags: [\r\n {\r\n name: null,\r\n category: null\r\n }\r\n ]\r\n },\r\n data: {\r\n firstname: 'John',\r\n tags: [\r\n {name: \"red\", category: \"color\"},\r\n {name: \"blue\", category: \"color\"}\r\n ]\r\n }\r\n })\r\n }\r\n }\r\n}\r\n```\r\n\r\n\r\n## License\r\n\r\nCode released under MIT license.\r\n\r\nCopyright (c) 2018, François Lévesque.\r\n","readmeFilename":"README.md"}
![\"build:passed\"](\"https://travis-ci.org/Witify/formly.svg?branch=master\")
\r\n