j3w1 / Reference form builderVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

Reference form builder

Compose five canonical field kinds, try a local preview, and transfer a bounded JSON definition.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Draft reference under proposed D-021. Definitions stay in memory. Import validates every field and the theme content identity before replacing your form. Definition changes clear preview values and errors; Download definition excludes entered values.

Component contract · Validation and recovery · Required theme content identity

The bounded form editor requires JavaScript. Its definition is plain JSON with stable field IDs, labels, help, required flags and explicit option IDs.

Without JavaScript

The editor requires JavaScript. The definition format and representative fields remain readable here. A text field has a stable ID, label, help and required flag. A select or radio field also has stable option IDs and labels. Checkboxes hold a boolean preview value. No preview values belong in an exported definition.

Download the static component contract. Existing text-field, textarea, select, checkbox and radio-group rules remain authoritative. This is not a production backend or native port.

Static canonical field; no submission.

Static canonical field; no submission.

Static canonical field; no submission.

Static canonical field; no submission.

Example radio required

Static canonical field; no submission.

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • DEMO Vue application demo
  • SPEC Complete UI theme specification