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 FreeDemo() {
return (
<div className="w-3/4">
<Scroller height={220} overflow="both" width="100%">
<div className="grid grid-flow-col grid-rows-2 gap-4">
{...Array.from({ length: 6 }, (_, i) => (
<div className="bg-[#171717] dark:bg-[#ededed] h-96 w-96" key={i} />
))}
</div>
</Scroller>
</div>
);
}