Field
Field — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
Field — Prism component.
Accessibility
Always render a visible <label> (the label prop wires htmlFor/id for you). Errors set aria-invalid and are announced via aria-describedby. Required fields expose aria-required.
Import
const { Field } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
label | React.ReactNode | — | |
description | React.ReactNode | — | |
errorMessage | React.ReactNode | — | |
isRequired | boolean | — | |
isInvalid | boolean | — | |
hint | React.ReactNode | — | Right-aligned secondary note in the label row (e.g. "Optional"). |
id | string | — | |
htmlFor | string | — | |
className | string | — | |
children | React.ReactNode | ((aria: FieldAria) => React.ReactNode) | — |