Nexub DSv0.0.2
Brand
Patterns · Marketing
Pricing plan card with feature checklist, badge, and CTA button.
import { PlanCard } from '@nexub/patterns';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| name | string | — | ✓ | Plan name (e.g. "Pro"). |
| price | string | — | ✓ | Price string (e.g. "$49/mo"). |
| description | string | — | — | Short plan description. |
| features | string[] | — | — | List of included features. |
| highlighted | boolean | false | — | Applies brand accent styling for recommended plans. |
| badge | string | — | — | Label for the plan badge (e.g. "Most Popular"). |
| ctaLabel | string | 'Get started' | — | CTA button label. |
| onCta | () => void | — | — | CTA button click handler. |