Contact
v1.0.9Updated 27 Aug 2026Contact section pairing a message form with details / map. Copy-paste block; baked-in demo content (edit the JSX to customise).
Preview
Live · 12 storiesSplitOpen ↗
▸Why this is recommendedcontactformmapget-in-touch+3
Contact in a two-column split layout.
Recommended for+14
- ✓Contact pages
- ✓Landing pages
- ✓Marketing pages
Tags+6
contactformmapget-in-touchmarketingsectionsplit
Features+4
- Split (form + info), centered and with-map layouts
- Name / email / message fields
- Self-contained — no required props
Not recommended for−2
- ✕In-app support widgets
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override
—