Quick Start

Jump into real-world form examples and patterns

Login Form

Simple authentication form with email validation and password masking

BasicValidation

Contact Form

Basic contact form with name, email, and message fields

Basic

User Registration

Multi-field registration form with validation

ValidationBasic

Multi-Step Form

Wizard-style form with multiple pages and navigation

LayoutPages

Value Derivation

Calculated fields with automatic value computation

DynamicDerivation

Dynamic Contact Fields

Contact form with fields that appear based on contact method

ConditionalDynamic

Business Account Form

Account type selection with conditional business fields

ConditionalDynamic

Shipping Same-as-Billing

Address form with checkbox to toggle shipping fields

ConditionalLayout

Age-Based Form

Numeric comparisons showing different fields based on age

ConditionalValidation

Enterprise Features Form

Complex AND/OR logic for feature gating by account type

ConditionalAdvanced

Simplified Array Form

Dynamic arrays with auto-generated add/remove buttons using the simplified API

LayoutArrays

Array Form (Complete)

Dynamic arrays with declarative buttons and custom placement using the complete API

LayoutArrays

Array With Wrapper Chrome

Wrap an array and its add button with a section wrapper — titles, framing, and action grouping without touching the array config

LayoutArraysWrappers

Addon Clear Button

Canonical addon pattern — icon prefix + clear-preset button suffix, JSON-safe across all four adapters

Addons

Addon Password Toggle

Toggle-password-visibility preset flips the input type between password and text

Addons

Addon Currency

Universal text addons — dollar sign prefix and USD suffix on a numeric input

Addons