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 HorizontalDemo() {
return (
<div className="w-3/4">
<Scroller height="100%" overflow="x" width="100%">
<div className="flex gap-4 min-w-[120%]">
<div className="bg-[#171717] dark:bg-[#ededed] h-64 w-64" />
<div className="bg-[#171717] dark:bg-[#ededed] h-64 w-64" />
<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>
);
}