DplSchemaForm Web Component

DplSchemaForm is a web component that wraps the RJSF

You can see the demo & or options here:

Adding to the page

<script type="module" src="https://component.dynamicplatform.com/dpl-schema-form/1.0.0/dpl-schema-form.js"></script>

Usage

To use the DplSchemaForm component in your HTML:

<dpl-schema-form>
{
    "title": "Form test!",
    "type": "object",
    "required": ["title"],
    "properties": {
        "title": {
            "type": "string",
            "title": "Title"
        },
        "done": {
            "type": "boolean",
            "title": "Done?",
            "default": false
        }
    }
}    
</dpl-schema-form>

Set the schema, uiSchema and formData properties to customize the form:

<dpl-schema-form>
{
    schema: {
        "title": "Hello World Form - From Playground",
        "type": "object",
        "required": ["title"],
        "properties": {
            "title": {
                "type": "string", 
                "title": "Title"
            },
            "done": {
                "type": "boolean", 
                "title": "Done?", 
                "default": false
            }
        }
    }
    uiSchema: {};
    formData: {
        "title": "Title from data",
        "done": true
    }
}
</dpl-schema-form>

Release Notes