Scroll
Sticky stack
Cards pin one after another and pile up; covered cards shrink and dim beneath the next.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { StickyStack } from '@vizzele/react';
<StickyStack>
{features.map((f) => <article key={f.id} className="vz-card">…</article>)}
</StickyStack>Props
| Prop | Type | Default | Description |
|---|---|---|---|
scale | number | 0.06 | Shrink per covered level. |
--vz-stack-top / -step / -gap | CSS length | — | Pin offset, per-card step, spacing. |
container | HTMLElement | Window | window | Scroll root. |
Accessibility
- Pure position: sticky underneath — no scroll hijacking.