Form

A native form element with consolidated error handling.

Installation

pnpm dlx shadcn@latest add @lumi-ui/form

Basic Usage

Form is composed together with Field.

import { Form } from "@/components/ui/form"
import { Field, FieldLabel, FieldControl, FieldError } from "@/components/ui/field"
<Form>
  <Field>
    <FieldLabel />
    <FieldControl />
    <FieldError />
  </Field>
</Form>

Cookbook

Native Submit

On Form Submit

Integration with other components

Project Inquiry

Tell us about your idea to get an estimated quote.

A short name for this project

The core technology you want us to use.

Budget Range
$5,000 – $20,000
Primary Priority
Included Services

Integration with React Hook Form (Coming Soon)