Scroll Expand
A rounded media frame that opens to full bleed as it scrolls into the middle of the viewport.
import { ScrollExpand } from "pleate/effects/scroll-expand";Expand
Scroll the page.
Props
- children
The media.
ReactNode- startInset
Inset per side at the start (% of width).
numberdefault 18- startRadius
Corner radius at the start (px).
numberdefault 32- startZoom
Media zoom at the start.
numberdefault 1.15
Accessibility
- Reduced motion shows the frame fully open.