Contact Form

Overview

Provides a self-contained contact form with loading, success, and error states. The "split" variant renders a two-column layout with a colored left panel for features/benefits and a right panel for custom form content via children.

Usage

import { ContactForm } from '@leanicon/web-builder-library'

Default

Built-in form with name, email, subject, and message fields. Handles loading, success, and error states internally.

Split

Two-column layout with a primary-colored left panel showing heading, subtitle, and feature checklist. The right panel accepts custom form content via children.

Split — without features

Heading and subtitle only, no feature checklist.

Split — without subtitle

Heading and feature checklist, no subtitle.

Split — heading only

Minimal left panel with just a heading.

Dark mode

Split — dark mode

Split — without features — dark mode

Split — without subtitle — dark mode

Split — heading only — dark mode

Props

ContactFormData

Notes

• The default variant manages all four fields and form state (loading, success, error) internally.
• The split variant's left panel uses bg-primary with text-primary-foreground — it adapts to your theme.
• Feature items render with a CircleCheck icon from Lucide.
• Dark mode: pass colorScheme="dark" or place inside a .dark ancestor.