JSON Forms

Examples

Vuetify Renderers

Additional errors

Additional Properties

allOf

anyOf

AnyOf OneOf AllOf Resolve

AnyOf Simple

Array

Array (i18n)

Array containing enums

Array of Strings

Array with custom element label

Array with defaults

Array with detail

Array with detail and rule

Array with sorting

Array with translated custom element label

Categorization

Categorization - Issue 1713

Categorization (Stepper - Nav Buttons)

Categorization (Stepper)

Conditional Schema Compositions

Configuration (Custom)

Configuration (Default)

Control Options

Dates

Default

Enum - Multi selection

Enum - Multi selection with label and desc

Enums

Generate both Schemas

Generate both schemas - Dynamic data change

Generate UI Schema

Huge Test

If Then Else

Issue 1884 - Nested enable/disable

Issue 1948 - Array renderer selection (w/o schema)

Issue 1948 - Array renderer selection (with schema)

Layout Complex

Layout Group

Layout Horizontal

Layout Vertical

List With Detail

List With Detail (No Label Ref)

List With Detail (Registered Detail UISchema)

List With Detail primitive (number)

List With Detail primitive (string)

Login Form

Nested Array

Nested Categorization

Numbers

Object

Object - Root Scope

On Change Listener

oneOf

oneOf - Inside array items

oneOf - Preselection for Objects (Issue 1273)

oneOf - Preselection for Primitives (Issue 1273 )

oneOf - Validation for Arrays (Issue 1265)

oneOf - Validation for Objects (Issue 1265)

oneOf - Validation for Primitives (Issue 1265)

oneOf recursive

Person

Person (i18n)

Radio Group

Readonly examples

Rule

Rule Inheritance

Scope

String

Text Control Options

Settings

Theme

Direction

Validation

Validate And Show

Locale

English (en)

Blueprints (need browser reload)

Material Design 1

Variants

Regular

Icon Set (need browser reload)

Material Design

Options

Hide Required Asterisk

Show Unfocused Description

Restrict

Read-Only

Collapse new array items

Hide array summary validation

Collapse arrays initially

Hide Array Item Avatar

Enable Filter Errors Before Touch

Welcome to JSON Forms Vue 3 Vuetify

More Forms. Less Code.

For help and collaboration with other JSON Forms developers,
please join our online Discourse Community

Hide Form Wrapper

Theme Colors

Settings

If asterisks in labels for required fields should be hidden

If input descriptions should hide when not focused

Whether to restrict the number of characters to maxLength, if specified in the JSON schema

If true, sets all controls to read-only

If true, new array items are not expanded by default

If true, the summary of validation errors in arrays is hidden

If true, arrays are not expanded initially

Whether the array index avatars shall be shown

Whether the errors will be displayed for not touched controls