Skip to main content

Renderer sets

This is an overview of all available renderer sets and which features they support.

JSON Schema Features

JSON SchemaRendererReact MaterialAngular MaterialReact VanillaVue VanillaVue Vuetify
booleanCheckbox
Toggle
integerNumber
Text
StringText
Textarea
EnumCombo
Autocomplete
oneOf (const / title)Combo
Autocomplete
Date formatDate field
Time formatTime field
Datetime formatDatetime field
ObjectVertical grid
Array of primitivesList
Array of objectsTable
List
List with Detail
Array of enumsMultiple Choice
oneOfTabs
allOfTabs
anyOfTabs

UI Schema Features

UI SchemaRendererReact MaterialAngular MaterialReact VanillaVue VanillaVue Vuetify
Vertical LayoutVertical Grid
Horizontal LayoutHorizontal Grid
CategorizationTabs
GroupGroup
LabelText

React Material UI Renderer Set

The React Material UI Renderer Set is based on Material UI.

React Vanilla Renderer Set

The React Vanilla Renderer Set is based on plain HTML with a set of custom styles. For more information and a customization guide, see the Vanilla Readme and Styles manual.

Angular Material UI Renderer Set

The Angular Material UI Renderer Set is based on Angular Material.

Vue Vanilla Renderer Set

The Vue Renderer Set is based on plain HTML with a set of custom styles. For more information, see the Vue Vanilla Readme.

Vue Vuetify Renderer Set

The Vue Vuetify Set provides a Vuetify based renderer set for JSON Forms. It's not part of the main repository, but lives in its own repository: https://github.com/eclipsesource/jsonforms-vuetify-renderers

Note

Please note that the Vue Vuetify renderer set is in a preview state and has known bugs. We are happy to accept contributions to improve its quality.

For more information, see the Vue Vuetify Readme.