A
Airy

Field

A form field wrapper with label, description, and error states.

Source

Preview

We'll never share your email.

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/field

Usage

Import the component from the package:

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

Then use it in your application:

<Field />

Examples

Default

We'll never share your email.

Horizontal layout

Shown in internal workspace settings.

Invalid state