Velocity X Components

Cards & Expandables

Comparison Card Pair

Two options side by side for an A-vs-B decision point — plan tiers, old-vs-new, build-vs-buy — stacking on mobile, with one card raised and badged as the recommended pick.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add comparison-card-pair

Built for astro.

Full docs for Comparison Card Pair →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.1
Comparison Card Pair

Starter

Starter

For solo builders

$0 /mo

  • 1 project
  • Community support

Pro

Pro

For growing teams

$49 /mo

  • Unlimited projects
  • Priority support
  • Team seats

Props

NameTypeRequiredDefaultDescription
cards[ComparisonCard, ComparisonCard]Yes
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/comparison-card-pair/ComparisonCardPair.astro

Using the Comparison Card Pair component

Install it with velocityx add comparison-card-pair. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Cards & Expandables.