HeroSplit
50/50 split hero with content on one side and image on the other. Supports reverse layout.
Example
Build better products
A design system that scales with your team.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
title | string | — | Required | Hero headline |
subtitle | string | — | No | Supporting text below the title |
ctaLabel | string | — | No | Call-to-action button text |
onCtaClick | () => void | — | No | CTA click handler |
imageSrc | string | — | No | Image URL for the media side |
imageAlt | string | — | No | Alt text for the image |
reverse | boolean | — | No | Swap content and image sides |