Field primitive

Shared field anatomy for labels, descriptions, and validation messages.

Use field primitives when you are building a composed field component that needs Luke UI label, description, and error styling.

import { Field, FieldLabel, FieldDescription, FieldError } from '@luke-ui/react/field/primitive';

Anatomy

Field composes the common field structure: label, control slot, description, and validation message.

Use FieldLabel, FieldDescription, and FieldError directly when a composed component needs a custom layout.

<Field label="Email" description="Use your work email.">
	<input />
</Field>

Necessity indicators

FieldLabel accepts necessityIndicator. Use it to choose how required fields are shown.

<Field label="Email" necessityIndicator="label">
	<input required />
</Field>

Props

Field

FieldLabel

FieldDescription