ascii.cnlibs.com
GithubX

Scroll Area

Custom, cross-browser scrollable region.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/scroll-area.json

## usage

import { AsciiBox } from "@/components/ascii/ascii-box";
import { ScrollArea } from "@/components/ui/scroll-area";
<AsciiBox width={48} title="Changelog" padY={0}>
  <ScrollArea className="h-[8lh]">
    <ul className="flex flex-col pr-[2ch]">
      {entries.map((entry) => (
        <li key={entry.version} className="flex gap-[1ch]">
          <span className="text-primary">{entry.version}</span>
          <span>{entry.note}</span>
        </li>
      ))}
    </ul>
  </ScrollArea>
</AsciiBox>