Block 259 of 260
Horizontal Scroll Story
Big-number story chapters that pin and slide sideways as the page scrolls, with a progress line. Stacks on phones.
- Puck key
- ScrollHorizontalBlock
- Export
- scrollHorizontalBlock
- React component
- <ScrollHorizontal />
- Files
- components/puck/scroll-horizontal-block.tsx
- components/puck/scroll-horizontal.client.tsx
- Dependencies
- gsap
Editor fields
What content editors see in the P1 sidebar when they select this block.
- Eyebrowtext
- Headingtext
- Heading levelselect
- Introtextarea
- Chaptersarray
- Source linetext