#Form

Organizes related fields, validation summary, and submission into one recoverable task while preserving native browser semantics.

npm install @a3s-lab/ui@0.4.0

<form class="form">
  <label class="field"><span class="label">Workspace name</span><input class="input" name="name" value="Research" required /></label><footer><button type="submit" class="btn">Save workspace</button></footer>
</form>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

#Usage

<form class="form">
  <label class="field"><span class="label">Workspace name</span><input class="input" name="name" value="Research" required /></label><footer><button type="submit" class="btn">Save workspace</button></footer>
</form>

#Contract

#Product boundary

Form owns interaction structure, not requests, permission, or business validation. Do not group unrelated settings or replace specific errors with a permanently disabled submit button.

The component publishes a reusable interaction boundary only. Data fetching, persistence, permission, trusted content, and business entities remain host-owned.

#Accessibility

Errors sit beside their field and can be reached from the summary. Submission preserves input, failure preserves focus context, and every field has a persistent label.