Advanced Form Engine Demo

const steps: WizardStep[] = [
  {
    id: 'personal',
    title: 'Personal',
    icon: '👤',
    fields: [
      { name: 'firstName', type: 'text', label: 'First Name',
        validation: { required: 'Required' }, colSpan: 6 },
      { name: 'email', type: 'email', label: 'Work Email',
        validation: { required: true }, colSpan: 6 },
    ],
  },
  // …more steps
];

<RavenWizardForm steps={steps} onSubmit={handleSubmit} />