Skip to content

Scenario Patterns

The full workbench is available at:

bash
pnpm --filter @formxjs/example-vue-ep-basic dev

It should be read as a set of general form patterns, not as fixed business templates:

PatternWhat it demonstrates
Capability overviewFields, containers, arrays, remote resources, upload, custom components, runtime patching.
Configuration dialogMulti-section editing, async hydration, submit validation, and reset behavior.
Control coverageInputs, selects, date/time controls, hierarchical options, upload, read-only display, layout helpers.
Dynamic arraysfield-group, add/copy/remove, row-level scope, row-level validation.
Remote resourcesoptionsFrom, dependent params, cascading refresh, fallback behavior.
Runtime mutationUpdating options, props, visibility, and defaults through rulesV2.
Deep objectsform-object, nested arrays, cross-level paths, derived fields.
Step-like formsOrganizing sections by step, state, role, or mode.
Matrix inputMulti-row configuration, batched items, dynamic required state, submit-time validation.

These patterns demonstrate how FormX handles nested value trees, array scopes, remote resources, cross-field rules, async hydration, and submit validation without tying the documentation to one business domain.