react-hook-form bindings for accessible form fields: FormField, FormItem, FormLabel, FormControl, FormDescription, and FormMessage with automatic error wiring.
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/form.jsonAlso available as a markdown reference for AI agents: /components/form.md
Input
A single-line text input with a focus ring, placeholder styling, and disabled state, forwarding every native input attribute.
Field
Composable form field layout primitives — FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldTitle, FieldDescription, FieldError, FieldSeparator, and FieldContent — with vertical, horizontal, and responsive orientations.
Attachment
File attachment chips with media, title, description, and action slots, plus idle, uploading, processing, error, and done states, three sizes, and horizontal or vertical orientation.