Compare5
1.0.0Centered old-versus-new marketing compare with two tall photo cards, bottom scrims, outline actions, and a circular OR chip in the gutter.
npx jabkit add compare5Component Data
- ID
- compare5
- Category
- marketing
- Version
- 1.0.0
- Added
- 2026-09-03
- Type
- block
- Keyboard nav
- Yes
- Reduced motion
- Yes
comparemarketingcardsctalandingphotography
Dependencies
- clsx
- tailwind-merge
Examples
Default
<div className="bg-background text-foreground">
<Compare5 {...compare5Mocks.default} />
</div>Variants
<div className="bg-background text-foreground">
<Compare5 {...compare5Mocks.alternate} />
</div>