# Field

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

## Notes

- 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

```astro
<Field label="Email" htmlFor="email">
  <Input id="email" type="email" placeholder="matt@example.com" />
</Field>
```