FormSanity Demos

Each page exercises one area of the vocabulary against a live form, submitting to the dev server. The guide (docs/guide.md) teaches these areas in order; these pages are where its chapters run.

• Layout

  The document grammar and the layout classes: rows and annotations, columns, stacked and inline labels, choice groups in rows, lone toggles, paired content, and caps.

• Required

  Requiredness across every kind of field: the asterisk, selection counts, at-least-one and all-or-none groups, conditional requiredness, and the submit gate.

• Types

  The data-fs-type catalog beside the native input types — verdicts as you type, format hints, and tidied answers.

• Limits

  Value bounds on numbers, dates, times, durations, and dollars; length limits and the counter; file type and size limits.

• Comparisons

  Cross-field constraints: equal, not equal, ranges, and ordering across every comparable kind of value.

• Relevance

  Conditional fields, members, options, and regions in hidden and disabled modes, compound conditions, and valid() gating.

• Operations

  Value mirroring between fields and sets, running amount totals, and generated year and month options.

• Submission

  The submit flow end to end against the dev server's scenarios — accepted, invalid, redirect, and error — plus freeform rows.