Scroll area component, translated from the shadcn/ui (new-york-v4) scroll-area.
NOTE: the React/Radix original replaces the browser's native scrollbar with a
custom overlay scrollbar (the ScrollBar/ScrollAreaThumb primitives) driven
by JavaScript. This v1 is intentionally CSS-only: it keeps the native scroll
behaviour and merely styles the native scrollbars (thin width, rounded
bg-border thumb) via scrollbar-width and the ::-webkit-scrollbar
pseudo-elements. There is no Radix-style custom-scrollbar JS and therefore no
LiveView hook.
The outer scroll-area wrapper clips overflow; the inner
scroll-area-viewport is the scrollable element and receives the caller's
content. Give the wrapper a constrained size (e.g. class="h-72 w-48") so
there is something to scroll.
Summary
Functions
Renders a scroll area with styled native scrollbars.