Promo Card

A dark connect or upsell card — the one inverse surface on a light page. An icon, a title, a line of copy and a single full-width action.

tsx

1import { PromoCard } from "@pestoui/core"

Connect prompt

The card is 320px wide unless className says otherwise. The icon needs an on-dark colour of its own.

Collaborate from your team chat

Prop	Type	Default	Description
icon	ReactNode	—	Required. Drawn at 36px above the title.
title	string	—	Required.
subtitle	string	—	Required. One muted line.
cta	string	—	Required. The label of the full-width inverse button.
className	string	—	On the card — override the fixed width here.

Pesto UI · 117 documented components