https://github.com/morgbn/j2u

Form generator based on JSON Schema
https://github.com/morgbn/j2u

form json-schema ui ui-components ui-library vue vuejs3

Last synced: 25 days ago
JSON representation

Form generator based on JSON Schema

• Host: GitHub
• URL: https://github.com/morgbn/j2u
• Owner: Morgbn
• Created: 2023-02-17T08:35:50.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-15T14:42:21.000Z (2 months ago)
• Last Synced: 2024-11-20T00:12:56.663Z (about 1 month ago)
• Topics: form, json-schema, ui, ui-components, ui-library, vue, vuejs3
• Language: Vue
• Homepage:
• Size: 302 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# J2U

JSON Schema based form generator built with vue 3

### Installation

```sh

yarn add j2u # npm i j2u

```

### Basic Usage

```html

```

```js

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' }

            }

          }

        }

      }

    }

}

```

### Credits

- inspired by [vue-jsonschema-form](https://github.com/roma219/vue-jsonschema-form) and [ncform](https://github.com/ncform/ncform)