Scroll Area

<c-scroll-area scroll-area-classes="h-72 w-48 rounded-md border border-border">
  <div class="p-4">
    <h4 class="mb-4 text-sm font-medium leading-none">Tags</h4>
    <div class="text-sm">v1.2.0-beta.50</div>
    <div class="my-2 h-px bg-border"></div>
    <div class="text-sm">v1.2.0-beta.49</div>
    <div class="my-2 h-px bg-border"></div>
    <!-- ... more items -->
  </div>
</c-scroll-area>

<c-scroll-area
  scroll-area-classes="w-96 rounded-md border border-border"
  orientation="horizontal"
>
  <div class="flex w-max space-x-4 p-4">
    <figure class="shrink-0">
      <div class="overflow-hidden rounded-md">
        <img
          src="https://images.unsplash.com/photo-1465869185982-5a1a7522cbcb?auto=format&fit=crop&w=300&q=80"
          alt="Photo by Ornella Binni"
          class="aspect-[3/4] h-fit w-[150px] object-cover"
        />
      </div>
      <figcaption class="pt-2 text-xs text-muted-foreground">
        Photo by
        <span class="font-semibold text-foreground">Ornella Binni</span>
      </figcaption>
    </figure>
    <!-- ... more figures -->
  </div>
</c-scroll-area>