Structured form layout primitives — FormItem wraps each field with FormLabel, FormControl, FormDescription, and FormMessage for consistent spacing and validation display.
Live Preview
The display name for this project.
City or region.
Code
import { Form } from "@regen/ui";
<Form />
Props Inspector
No configurable props for this component.
Documentation
Use Cases
•All form layouts
•Settings pages
•Data entry screens
Do
✓Wrap every field in FormItem
✓Use FormDescription for help text
✓Use FormMessage for validation errors
Don't
✗Don't use bare Label + Input — use Form primitives for consistency
✗Don't skip FormControl — it wires accessibility attributes