ScrollArea
A ScrollArea component from the Sigil design system.
import { ScrollArea } from "@sigil-ui/components";
<ScrollArea>ScrollArea content</ScrollArea>
| Prop | Type | Default | Description |
|---|
orientation | ScrollbarOrientation | vertical | Orientation of the scrollbar. |
scrollbarSize | `number | string` | — |
scrollbarClassName | string | — | Additional classes for the scrollbar track. |
thumbClassName | string | — | Additional classes for the scrollbar thumb. |
| CSS Variable | Purpose |
|---|
--s-scrollbar-corner | Scrollbar corner |
--s-scrollbar-track | Scrollbar track |
--s-scrollbar-radius | Scrollbar radius |
--s-radius-full | Radius full |
--s-scrollbar-padding | Scrollbar padding |
--s-duration-fast | Duration fast |
--s-scrollbar-width | Scrollbar width |
--s-scrollbar-border | Scrollbar border |
--s-scrollbar-height | Scrollbar height |
--s-scrollbar-thumb | Scrollbar thumb |
--s-border | Border |
--s-scrollbar-thumb-hover | Scrollbar thumb hover |