vue-json-schema-form

vue-json-schema-form

Generate forms from your JSON schemas! :sparkles:

Background

JSON Schema makes it possible to define form validation rules in an environment agnostic way by providing a generic standard for describing the expected properties of a JS object. This library accepts a JSON schema and generates an appropriate form to collect and validate data which is described by the schema.

TLDR; write validation rules once, use everywhere (client & server)

For more background on this concept, see this article (inspiration of this library)

Install

Depends on Vue, Ajv for validation, and Buefy for the default form elements.

npm install vue-json-schema-form

Documentation

Online Documentation

Demo

Online demos:

• Basic
• Custom Component (slots)

Run local demo

Clone this repository, and run the following commands

npm install

npm run serve