FIELD

Source: design-system/components/Field/Field.tsx. Client component ('use client') so consumers can drive controlled input state.

Props

Prop	Type	Default	Required
Prop`name`	Type`string`	Defaultnone	Requiredyes
Prop`label`	Type`string`	Defaultnone	Requiredyes
Prop`error`	Type`string`	Defaultnone	Requiredno
Prop`multiline`	Type`boolean`	Default`false`	Requiredno
Prop`rows`	Type`number`	Default`4`	Requiredno, with `multiline`
Prop`id`	Type`string`	Defaultgenerated with `useId`	Requiredno

Other input or textarea attributes pass through.

States

$ email:

$ message:

$ broken:Required field

SOURCE

<Field name="email" label="$ email:" type="email" />
  <Field name="msg" label="$ message:" multiline rows={3} />
  <Field name="broken" label="$ broken:" error="Required field" />

Accessibility

The label is always rendered and bound to the control by htmlFor. With error, the control gets aria-invalid="true" and aria-describedby points at the error text, merged with any consumer value. Controls have a 44px minimum height.