StickyContentWrapper
1.0.0Split-screen marketing tour that pins a viewport while copy steps through headings, lists, and a CTA and the paired image scales and swaps.
npx jabkit add sticky-content-wrapperComponent Data
- ID
- sticky-content-wrapper
- Category
- marketing
- Version
- 1.0.0
- Added
- 2026-09-06
- Type
- block
- Keyboard nav
- Yes
- Reduced motion
- Yes
stickyscrollsplitmarketingfeaturesimagectalanding
Dependencies
- lucide-react
- clsx
- tailwind-merge
Examples
Default
<div className="bg-background text-foreground">
<StickyContentWrapper {...stickyContentWrapperMocks.default} />
</div>Variants
<div className="bg-background text-foreground">
<StickyContentWrapper {...stickyContentWrapperMocks.alternate} />
</div>