Field

A field wraps form inputs with labels, descriptions, and error messages.

Installation

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/field

import { Field, Label, Description, FieldError } from "@/components/ui/field";

<Field>
	<Label>Email</Label>
	<Input type="email" />
	<Description>We'll never share your email.</Description>
</Field>

No examples yet.

Missing description.

Supports all div attributes.

Prop	Type	Default
	`"horizontal" \| "vertical"`	`'vertical'`

Last updated on 6/4/2026