@akson/cortex-landing-forms
Version:
Reusable form components and utilities for landing pages
58 lines (46 loc) • 1.15 kB
Markdown
# @akson/cortex-landing-forms
> Reusable form components and utilities for landing pages
## Installation
```bash
npm install @akson/cortex-landing-forms
```
## Usage
```tsx
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