scroll-area

Restyled scroll container with thin custom scrollbar.

status: stable js: none support: baseline

Preview

…

<div class="scroll-area">…</div>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/scroll-area.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add scroll-area

Styled native overflow; size variants are WebKit-only

.scroll-area .scroll-area-sm .scroll-area-lg .scroll-area-hidden

base/tokens