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 |
|---|---|---|---|---|---|
| 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 |
|---|---|---|---|---|---|
| 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.