Examples

Runnable examples that cover the main features. Each page embeds the live component and highlights the relevant source.

Available Demos

• Basic Form: two fields, a heading group, and form state
• Arrays & Groups: repeatable sections with per-item labels
• Choice Fields: mutually exclusive branches
• Dynamic Fields: options loaded from an external source
• Validation: restrictions, async checks, password strength, and cross-field rules
• Extending The Starter Template: project-specific field types on top of the starter template
• Wizard: multi-step form with per-step validation and a review page
• Client Onboarding Wizard: full-featured client onboarding wizard
• Checkout: a complete one-page webshop checkout with a split-payment finale
• Inbox Rules Builder: a reorderable, ordered list of rules where order is the whole point
• Run of Show Builder: a repeatable ordered choice where reordering changes a computed clock and whether an amplified-music curfew is met
• Workout Plan Builder: a repeatable ordered choice where reordering alone satisfies or breaks published coaching conventions

Quick Overview

Person

First name

Last name

IsDirty: false
Touched: false
Valid: true

// form values:
{
  "person": {}
}
    

Systems to connect

Any external tools we'll integrate with during onboarding.

0 systems

No systems added yet

Skip this step if there's nothing to integrate.

IsDirty: false
Touched: false
Valid: true

// form values:
{}
    

Payment method

Credit / debit card

Card number

CVV

Bank transfer

IBAN

IsDirty: false
Touched: false
Valid: true

// form values:
{
  "payment": {
    "card": {},
    "transfer": {}
  }
}