n
nonaxial
Section 1
Section 2
Section 3

Scroll horizontally →

Scroll Snap

Layout

Scroll snap sections

scrollsnapsections

Installation

$
npx shadcn@latest add https://nonaxial.com/r/scroll-snap.json

Usage

tsx
import { ScrollSnap } from "@/components/nonaxial/scroll-snap"

export default function Example() {
  return (
    <ScrollSnap>{/* Your content here */}</ScrollSnap>
  )
}

Props

PropTypeDefault
childrenReactNode
classNamestring