PromoCard
Two-column promo block with optional illustration + badge on the left and title, description, button + secondary link on the right.
Preview
Usage
import { PromoCard } from '@ramtt/ui'
<PromoCard
badge="New"
title="Coach view"
description="Share workouts and review them together."
actionLabel="Try it"
onAction={open}
link={{ label: 'Learn more', href: '/coach' }}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Card title |
| description | string | — | Body paragraph |
| illustration | ReactNode | — | Left-column illustration / image |
| badge | string | — | Small label below illustration |
| actionLabel | string | — | Primary button label |
| onAction | () => void | — | Primary button handler |
| link | { label: string; href: string } | — | Secondary inline link |
| className | string | — | Additional Tailwind classes |