18Switch language to English

Sticky Scroll

السابقالتالي

Sticky scroll reveal animation.

import { StickyScroll } from "@/components/atom/sticky-scroll"

export default function StickyScrollDemo() {
  return (
    <>
      <StickyScroll
        content={[
          { title: "Section 1", description: "Description" },
          { title: "Section 2", description: "Description" },
        ]}
      />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/sticky-scroll

Usage

import { StickyScroll } from "@/components/atom/sticky-scroll"
<StickyScroll
  content={[{ title: "Title", description: "Description" }]}
/>