GitHub

Field

Provides a flexible container for form inputs, labels, and helper text

Docs API
Enter your email address

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/field.json

Usage

import { 
  Field, 
  FieldLabel, 
  FieldInput, 
  FieldHelper, 
  FieldError 
} from "@/components/ui/field";
<Field>
  <FieldLabel>Email</FieldLabel>
  <FieldInput />
  <FieldHelper>Enter your email address</FieldHelper>
  <FieldError>Email is required</FieldError>
</Field>