Field

Connects a control with its label, supporting text, and validation message.

@rivetui/field

Preview

Explore each composition interactively, then open its code in the same context.

Compose labels, descriptions, controls, and validation messages as one semantic field.

Note

Input types and standalone input states are documented on the Input page; Field is responsible for the surrounding form structure.

Keep native form semantics on the control while Field provides the explanatory context.

Project

Unavailable while the project is archived.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/field

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`className`	`string`	`—`

Prop	Type	Default
`role`	`React.AriaRole`	`"alert"`