dotUI

Field

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

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>

Missing description.

Supports all div attributes.

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

Bringing singularity to the web.

Built with passion by @mehdibha.