Skip to main content

Forms

Field

Provide the wrapper contract for labels, hints, and errors. Because every input deserves good context.

Curated demo

We only use this for release notes.

Reference

Provide the wrapper contract for labels, hints, and errors. Because every input deserves good context.

  • Compose Field with the actual input control and matching htmlFor/id values. They must hold hands.
  • Keep validation orchestration in the consumer.
  • This provides the label, the hint, and the error wrapper. It's the protective parent of form inputs.

Example snippet

<Field label="Email" htmlFor="email">
  <Input id="email" type="email" placeholder="[email protected]" />
</Field>