JsonSchema 📌

Renders a Component based on JSON schema. This allows developers to create dynamic layouts in their apps, and even save the schema to databases.

Moreover, it also makes that schema filter-able. So that any plugin can modify that schema on runtime.

System Component 📌

This component is shipped with BlueBase Core.

Usage

import { JsonSchema } from '@bluebase/core';

// Then somewhere in your app:
<JsonSchema
    filter="content-filter"
    args={{ style: { color: 'blue' } }}
    schema={{
     component: 'Text',
     props: {
         style: {
             color: 'red'
         }
     },
     text: 'This is the page content.',
 }} />

Properties

prop	type	required	default	description
schema	JsonComponentNode | JsonComponentNode[]	yes	-	JSON Schema
filter	string	no	-	Event name to filter this schema. If this is not provided, the schema is not filtered.
args	object	no	-	Arguments for the filter.
testID	string	no	-	Used to locate this view in end-to-end tests.