Composable form field layout primitives — FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldTitle, FieldDescription, FieldError, FieldSeparator, and FieldContent — with vertical, horizontal, and responsive orientations.
Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.
npx shadcn@latest add https://www.saasuji.com/r/field.jsonAlso available as a markdown reference for AI agents: /components/field.md
Input
A single-line text input with a focus ring, placeholder styling, and disabled state, forwarding every native input attribute.
Label
An accessible form label built on Radix Label, rendering a native <label> with disabled and peer-state styling.
Form
react-hook-form bindings for accessible form fields: FormField, FormItem, FormLabel, FormControl, FormDescription, and FormMessage with automatic error wiring.