useScrollDirection

import { useScrollDirection } from "@hua-labs/hua/framework";

const { direction, scrollY, isScrollingUp, isScrollingDown } = useScrollDirection({
  threshold: 10, // Minimum scroll delta
  throttle: 100, // Throttle in ms
});

return (
  <header className={isScrollingDown ? 'hidden' : 'visible'}>
    {/* Header hides on scroll down, shows on scroll up */}
  </header>
);