Core Landing Pages
Split Signup
Split-screen signup form with animated left panel showcase and gradient backgrounds. Features rotating border animations and hover effects on the showcase card.
core-landing-pagesauthsignupsplitshowcasegradientanimation
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
theme | 'dark' | 'light' | undefined | Color theme for the component. |
accentColor | string | undefined | Custom accent color for the component. |
title | string | "Create Account" | Title text displayed at the top of the form. |
subtitle | string | "Start your 14-day free trial." | Subtitle text displayed below the title. |
showLogo | boolean | undefined | Whether to display the logo. |
onSubmit | (data: any) => Promise<void> | undefined | Callback function called when form is submitted. |
onSuccess | () => void | undefined | Callback function called on successful submission. |
onError | (err: string) => void | undefined | Callback function called on submission error. |
loading | boolean | undefined | Whether the form is in a loading state. |
className | string | undefined | Additional CSS classes for custom styling. |
showLeftPanel | boolean | true | Whether to display the left showcase panel. |