Basic
You can familiarize yourself with the capabilities of the form using prepared examples of JSON and UI schemas on our playground.
Showing 32 presets
Schema Basics
Alternatives Multiple field definitions combined with anyOf for polymorphic object type.
Arrays Various array configurations including fixed and variable item lists, nested arrays, and toolbar customization.
Date Date picker widget integration for date-type form fields.
Defaults Default value propagation from schema definitions and property defaults.
Draft 2020-12 JSON Schema Draft 2020-12 features: prefixItems, unevaluatedProperties, $dynamicRef, and $dynamicAnchor.
Enum Objects Enum-based object property selection and handling.
Examples Schema-level examples keyword usage for input hints and placeholders.
Files File upload handling with native file picker array widgets.
Nested Deeply nested object structures with multiple levels of hierarchy.
Null Null type field handling and its UI representation.
Nullable Nullable field support across different data types.
Numbers Numeric field types (integer, number), ranges, steps, and enum constraints.
Property Names Property name pattern validation using the propertyNames keyword.
References JSON Schema $ref references for reusable and modular schema definitions.
Single Minimal form example with a single text input field.
Schema Logic
Additional Properties Dynamic property patterns using additionalProperties and patternProperties.
All Of Schema composition with allOf merging multiple sub-schemas.
Any Of Schema anyOf composition with multiple valid schemas and conditional rendering.
If Then Else Conditional schema validation with if/then/else logical branching.
One Of Schema oneOf composition with mutually exclusive sub-schemas.
One Of Defaults Pre-filled default values across oneOf alternatives for improved UX.
Pattern Properties Pattern-based property validation matching regex-defined property names.
Property Dependencies Conditional field visibility and requirements tied to property values.
Schema Dependencies Conditional schema dependencies that apply sub-schemas based on property presence.
UI customization
Grid Multi-column grid layouts using responsive field grid configuration.
Layout Grid Advanced grid layout patterns with field spanning and custom widths.
Ordering Field ordering and rearrangement using ui-schema order configuration.
UI Options Various UI option customizations including placeholders, autofocus, and text formatting.
Widgets Custom widget implementations for specialized input control rendering.
Other
Errors Validation error display and custom error messaging strategies.
Large Complex large-scale form with many fields across multiple sections.
Simple A basic registration form showcasing common field types (string, integer, boolean) with various UI options.