Augments native scroll functionality for custom, cross-browser styling.
import { Fragment } from "preact";
import { ScrollArea } from "https://deno.land/x/testing_shadcn_ui_for_deno@0.1.2/components/scroll-area.tsx"
import { Separator } from "https://deno.land/x/testing_shadcn_ui_for_deno@0.1.2/components/separator.tsx"
export function ScrollAreaDemo() {
return (
<ScrollArea className="h-72 w-48 rounded-md border">
<div className="p-4">
<h4 className="mb-4 text-sm font-medium leading-none">Tags</h4>
{[...Array(50)].map((_x, idx) => (
<Fragment>
<div key={`v1.2.0-beta.${idx+1}`} class="text-sm">
{`v1.2.0-beta.${idx+1}`}
</div>
<Separator className="my-2" />
</Fragment>
))}
</div>
</ScrollArea>
)
}