Team 19 - Scroll-snap carousel with arrowsPro
Horizontally snapping row of tall member cards driven by previous and next buttons in the header, with native swipe on touch.
About Team 19
Horizontally snapping row of tall member cards driven by previous and next buttons in the header, with native swipe on touch.
Team 19 is a team block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 105 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- carousel
- arrows
- scroll-snap
- portraits
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add team-19Dependencies installed automatically: lucide-react.
Uses: button, reveal, use-reduced-motion, utils.
Usage
import Team19 from "@/components/blocks/team-19"
export default function Page() {
return <Team19 />
}