crickford / vue-json-schema-form

VueJS library for generating forms from JSON schemas
MIT License
39 stars 23 forks source link
buefy json-schema vue

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:

Run local demo

Clone this repository, and run the following commands

npm install
npm run serve