Skip to content

Field

Composable building blocks for form fields — label, description, error, and layout primitives that wrap any control.

Field
New project
Deploy a repository from your Git provider.

Lowercase letters, numbers and dashes.

Every pull request gets its own link to review.

Installation

pnpm dlx shadcn@latest add @sortui/field

Usage

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

Examples

Orientation

Vertical

Shown to anyone you share the link with.

Horizontal

Keeps the music going when the playlist ends.

Responsive

Seconds of overlap between two tracks.

Disabled

Managed by the account owner; ask them to change it.

Included with every Family plan.

Validation

Fieldset

Backup frequency

How often new photos are copied to the cloud.

Best for phones that are online all day.

Runs overnight while the phone is charging.

Waits for Wi-Fi, then uploads everything at once.

Choice cards

Storage plan

Change or cancel at any time; billed monthly.

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access