Renderer sets
This is an overview of all available renderer sets and which features they support.
JSON Schema Features
| JSON Schema | Renderer | React Material | Angular Material | React Vanilla | Vue Vanilla | Vue Vuetify |
|---|---|---|---|---|---|---|
| boolean | Checkbox | |||||
| Toggle | ||||||
| integer | Number | |||||
| Text | ||||||
| String | Text | |||||
| Textarea | ||||||
| Enum | Combo | |||||
| Autocomplete | ||||||
| oneOf (const / title) | Combo | |||||
| Autocomplete | ||||||
| Date format | Date field | |||||
| Time format | Time field | |||||
| Datetime format | Datetime field | |||||
| Object | Vertical grid | |||||
| Array of primitives | List | |||||
| Array of objects | Table | |||||
| List | ||||||
| List with Detail | ||||||
| Array of enums | Multiple Choice | |||||
| oneOf | Tabs | |||||
| allOf | Tabs | |||||
| anyOf | Tabs |
UI Schema Features
| UI Schema | Renderer | React Material | Angular Material | React Vanilla | Vue Vanilla | Vue Vuetify |
|---|---|---|---|---|---|---|
| Vertical Layout | Vertical Grid | |||||
| Horizontal Layout | Horizontal Grid | |||||
| Categorization | Tabs | |||||
| Group | Group | |||||
| Label | Text |
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.
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.