Scroll Area

    ---
    import { ScrollArea } from "@/components/starwind/scroll-area";
    import { Separator } from "@/components/starwind/separator";

    const tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`);
    ---

    <ScrollArea class="h-72 w-48 rounded-md border">
      <div class="p-4">
        <h4 class="mb-4 text-sm leading-none font-medium">Tags</h4>
        {
          tags.map((tag) => (
            <div>
              <div class="text-sm">{tag}</div>
              <Separator class="my-2" />
            </div>
          ))
        }
      </div>
    </ScrollArea>

import { ScrollArea } from "@/components/starwind/scroll-area";
    import { Separator } from "@/components/starwind/separator";

    const tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`);

export function Example() {
  return (
    <>
      <ScrollArea className="h-72 w-48 rounded-md border">
            <div className="p-4">
              <h4 className="mb-4 text-sm leading-none font-medium">Tags</h4>
              {
                tags.map((tag) => (
                  <div key={tag}>
                    <div className="text-sm">{tag}</div>
                    <Separator className="my-2" />
                  </div>
                ))
              }
            </div>
          </ScrollArea>
    </>
  );
}