On This Page
Custom scrollbar styling with touch support, auto-hiding behavior, and cross-browser consistency.
vertical scrollDisplaying long lists, configuration logs, or documents within constrained dashboard componentshorizontal scrollNavigating a horizontal series of cards, photo carousels, or table cells on mobile layoutsalways visibleEnsuring users recognize that additional details exist below fold (e.g. Terms of Service scrolls)slow hide delayProviding users more time to target the scrollbar thumb before it fades away from view| Prop | Type | Default | Description |
|---|---|---|---|
| type | "auto" | "always" | "scroll" | "hover" | "auto" | Controls scrollbar visibility timing behavior. |
| scrollHideDelay | number | 600 | Delay in milliseconds before scrollbar hides. |
| className | string | — | Additional custom class names. |
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "vertical" | "horizontal" | "vertical" | The scrollbar orientation flow. |
| className | string | — | Additional custom class names. |