@roma219/vue-jsonschema-form

0.1.16 • Public • Published

Build Status Coverage Status dependencies Status Known Vulnerabilities Language grade: JavaScript last commit  

minified size

vue-jsonschema-form

JSON Schema based form generator built with Vue.js. Currently Work in Progress.

Full Guide and Examples

https://roma219.github.io/vue-jsonschema-form/guide/

Demo on Codesandbox

Installation

npm install @roma219/vue-jsonschema-form

Usage

<JsonSchema :schema="schema" v-model="value"/>

schema = {
    type: 'object',
    properties: {
      aaa: { type: 'string', minLength: 1 },
      bbb: { type: 'boolean' },
      ccc: { type: 'string', enum: ['1', '2', '3'] },
      ddd: {
        type: 'object',
        title: '',
        properties: {
          a1: { type: 'string', minLength: 1, maxLength: 5 },
          b2: { type: 'boolean', default: true },
          ddd: {
            type: 'object',
            properties: {
              a1: { type: 'string', default: 'aaa' },
              b2: { type: 'boolean' }
            }
          }
        }
      }
    }
}

Readme

Keywords

none

Package Sidebar

Install

npm i @roma219/vue-jsonschema-form

Weekly Downloads

82

Version

0.1.16

License

MIT

Unpacked Size

87.7 kB

Total Files

53

Last publish

Collaborators

  • roma219