jamsrui_scroll_area_component_basic_custom_scrollbar_demo.ts

1import React from "react";
2import { ScrollArea } from "@jamsrui/scroll-area";
3
4export default function ScrollAreaDemo() {
5  return (
6    <ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
7      <div>
8        <h4 className="mb-4 text-sm font-medium leading-none">Tags</h4>
9        {Array.from({ length: 50 }).map((_, i, a) => (
10          <React.Fragment key={i}>
11            <div className="text-sm">
12              v1.2.0-beta.{a.length - i}
13            </div>
14            <hr className="my-2" />
15          </React.Fragment>
16        ))}
17      </div>
18    </ScrollArea>
19  );
20}