Scroll Area Demo

1import { ScrollArea } from "../ui/scroll-area";
2 
3const tags = Array.from({ length: 50 }).map((_, i) => `Tag ${i + 1}`);
4 
5export function ScrollAreaDemo() {
6  return (
7    <ScrollArea className="h-72 w-48 rounded-lg border border-border p-4">
8      <div className="space-y-2">
9        <h4 className="text-sm font-medium">Tags</h4>
10        {tags.map((tag) => (
11          <div key={tag} className="text-sm text-muted-foreground">
12            {tag}
13          </div>
14        ))}
15      </div>
16    </ScrollArea>
17  );
18}