scroll-area
A scroll container with slim, theme-aware scrollbars.
A container that scrolls its overflow with slim, themed scrollbars. Styling is
pure CSS over the native scrollbar (Firefox scrollbar-* + WebKit
::-webkit-scrollbar) — no layout measuring, works everywhere.
Installation
pnpm add @fluixi-ui/scroll-area
Usage
import { ScrollArea } from '@fluixi-ui/scroll-area';
<ScrollArea maxHeight={240}>
<LongList />
</ScrollArea>
<ScrollArea orientation="horizontal" maxWidth="30rem">
<WideRow />
</ScrollArea>
| Prop | Type | Description |
|---|---|---|
orientation |
vertical | horizontal | both |
Which axis scrolls. Default vertical. |
maxHeight |
number | string |
Cap the height (a number is px). |
maxWidth |
number | string |
Cap the width (a number is px). |
Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.