@schema-forms-data/renderer

Renderizador de formulários SchemaForms — transforma um FormSchema em um formulário multi-step funcional com react-hook-form.

O componente principal do ecossistema para quem só precisa renderizar formulários (sem o builder visual). Inclui validação com Zod, lógica condicional de campos e mais de 20 tipos de campo.

Install

pnpm add @schema-forms-data/renderer

O que inclui

• FormRenderer — componente principal multi-step
• StepRenderer / ContainerRenderer — renderização granular por step/container
• FormSpy — observa o estado do formulário em tempo real
• FormApiContext — controle programático do formulário
• 20+ componentes de campo: DFTextField, DFSelect, DFCheckbox, DFRadioGroup, DFDateField, DFDateRange, DFFileUpload, DFColorPicker, DFRating, DFSlider, DFCepField, DFPaymentMethod, DFParticipationType, DFSubForm, e mais
• Validação com Zod e react-hook-form

Peer dependencies

pnpm add react react-dom react-hook-form lucide-react

Dependências em outros pacotes

| Depende de | Motivo | |---|---| | @schema-forms-data/core | Tipos FormSchema, FieldType, utilitários de validação | | @schema-forms-data/templates | Sistema de temas/CSS variables | | @schema-forms-data/ui | Componentes UI (Input, Select, Dialog, etc.) |

Ao instalar @schema-forms-data/renderer, as três dependências acima já vêm automaticamente.

Uso

import { FormRenderer } from '@schema-forms-data/renderer';
import '@schema-forms-data/ui/style.css';

<FormRenderer
  schema={mySchema}
  onSubmit={(data) => console.log(data)}
/>

Licença

MIT © Inovex Tecnologia