@akson/cortex-landing-forms

Reusable form components and utilities for landing pages

Installation

npm install @akson/cortex-landing-forms

Usage

import { MultiStepForm, FormField, PhoneInput, EmailInput } from '@akson/cortex-landing-forms';

function LeadForm() {
  return (
    <MultiStepForm
      steps={[
        {
          title: "Contact Information",
          fields: [
            <EmailInput name="email" required />,
            <PhoneInput name="phone" country="CH" />
          ]
        },
        {
          title: "Requirements",
          fields: [
            <FormField name="message" type="textarea" />
          ]
        }
      ]}
      onSubmit={handleSubmission}
    />
  );
}

Components

• MultiStepForm - Step-by-step form wizard
• PhoneInput - International phone validation
• EmailInput - Email with validation
• FormField - Generic form field wrapper
• SubmitButton - CTA with loading states

Features

• Multi-step form wizard
• Swiss phone number validation
• Real-time field validation
• Progress indicators
• Mobile-optimized input

License

MIT © MyArmy