pure-schema-form v1.0.6-0

Pure-Schema-Form

Pure-Schema-Form is a completely front-end based schema form. It renders a form on the basis of a json-formatted schema.

Usage

Install Pure-Schema-Form

Via Npm

npm install pure-schema-form

Via Yarn

yarn add pure-schema-form

Define a Schema

import {entity} from 'pure-schema-form';

const schema: entity.Schema = {
    type: SchemaType.Map,
    schema: [
        {
            type: SchemaType.Value,
            label: 'name',
            key: 'name',
            displayType: entity.DisplayCompType.StringInput,
        },
        {
            type: SchemaType.Value,
            label: 'age',
            key: 'age',
            displayType: entity.DisplayCompType.NumberInput,
        },
    ]
};

Application

import React, {FC} from 'react';
import SchemaComponent from 'pure-schema-form';

const SchemaFormDemo: FC = () => {
    return (
        <SchemaComponent schema={schema} value={value} defaultValue={value} />
    );
};
export default SchemaFormDemo;