Skip to content
Perimeter Style

Field

Structured form field with label, description, and error message.

Usage

tsx
import { Field } from "@/components/ui/field";

<Field orientation="vertical">...</Field>
<Field orientation="vertical">...</Field>

Light

Dark

Default

Metrics

Perimeter Api

Field Controls

orientation

Examples

Vertical Layout

Enter your full name.

With Error

Horizontal Layout

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/field

Search

Search for components, templates, and more.