Skip to content

Block 251 of 260

Card Carousel

Story or program cards you can drag and flick with momentum, snapping card to card, with arrows and a progress rule.

Puck key
CardCarouselBlock
Export
cardCarouselBlock
React component
<CardCarousel />
Files
components/puck/card-carousel-block.tsx
components/puck/card-carousel.client.tsx
Dependencies
gsap

Editor fields

What content editors see in the P1 sidebar when they select this block.

  • Eyebrowtext
  • Headingtext
  • Heading levelselect
  • Introtextarea
  • Link texttext
  • Linktext
  • Cardsarray