ScrollArea

Augments native scroll functionality for custom, cross-browser styling.

Preview

Installation

npm install @matrix-ui/components

Usage

import { ScrollArea, ScrollBar } from '@matrix-ui/components'

<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
  {/* Your scrollable content */}
</ScrollArea>

Examples

Horizontal Scrolling

With Separator

Scrollbar Sizes