GitHub

Field

PreviousNext

Combine labels, controls, and help text to compose accessible form fields and grouped inputs.

Workspace

These details are shown to everyone you invite.

Lowercase letters, numbers and dashes only.

Anyone with the link can view published pages.

Installation

pnpm dlx shadcn@4.21.1 add https://ui.elhcn.com/r/field.json

Usage

import {
  Field,
  FieldLabel,
  FieldDescription,
  FieldError,
  FieldGroup,
  FieldLegend,
  FieldSeparator,
  FieldSet,
  FieldContent,
  FieldTitle,
} from "@/components/ui/field"