Components
Scroll Direction: Hide Header
A sticky header that hides when scrolling down and reappears when scrolling up. Uses useMotionValueEvent to detect scroll direction.
"use client"
import ScrollHideHeader from "@/components/ui/motion-scroll-hide-header"
export default function Default() {
return (
<div className="motion-example flex w-full items-center justify-center p-6">
<ScrollHideHeader />
</div>
)
}