Components
Loading preview...
Display an overflowing list of items.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/scroller-1import { Scroller } from "@/components/ui/scroller-1";
export default function DefaultDemo() {
return (
<div className="flex items-center justify-center">
<Scroller height={220} overflow="y" width="100%">
<div className="flex flex-col gap-4 w-[400px]">
<div className="bg-[#171717] dark:bg-[#ededed] h-64 w-64" />
<div className="bg-[#171717] dark:bg-[#ededed] h-64 w-64" />
</div>
</Scroller>
</div>
);
}