1 of 1

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

Event name to filter this schema. If this is not provided, the schema is not filtered.

args

object

Arguments for the filter.

testID

string

Used to locate this view in end-to-end tests.

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

Event name to filter this schema. If this is not provided, the schema is not filtered.

args

object

Arguments for the filter.

testID

string

Used to locate this view in end-to-end tests.