Aspekt logoAspekt UI

Scroll Area is used to contain overflow with custom scrollbars and edge fades.

tsx
import { ScrollArea } from "@/components/aspekt/scroll-area";
<ScrollArea  className="h-64 w-full max-w-sm"  contentClassName="grid gap-3 p-4"  fade>  {updates.map((update) => (    <article key={update.title} className="rounded-lg border p-3">      <h3 className="text-sm font-medium">{update.title}</h3>      <p className="text-sm text-secondary">{update.description}</p>    </article>  ))}</ScrollArea>