Lumina

Component · Form

Form

Wrapper sobre react-hook-form + zod. Gera label, error e descrição automáticos. A11y enxuta sem boilerplate.

react-hook-formzodsource

Import

import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useForm } from "@nimbuslab/lumina/components/form"

Uso típico

TSX

Por que esse padrão

  • FormField conecta react-hook-form ao input automaticamente.
  • FormMessage mostra erro do zod sem precisar imperar.
  • FormLabel + FormControl já vêm com htmlFor certo.