1
A pull-to-refresh container with a masked pixel hero who climbs into the gap and holds up the page.
npx shadcn@latest add ikislay/pixel-ui/pull-to-refreshimport { PullToRefresh } from "@/components/ui/pull-to-refresh";export default function Demo() {return (<PullToRefresh className="h-96" onRefresh={() => fetch("/api/feed")}>{/* your scrollable content */}</PullToRefresh>);}
1// Loading…
Options you can pass to customize this component.
onRefresh() => void | Promise<void>Runs when you let go after the hero jumps. The page stays open until it settles, for at least 1.1 seconds.
classNamestringClasses applied to the root. Give it a height; the content scrolls inside it.