ScrollArea

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

Installation
# Install @opencosmos/ui to use ScrollArea
pnpm add @opencosmos/ui
Preview
Loading preview...
Usage
Import
import { ScrollArea } from '@opencosmos/ui';
Example
<ScrollArea>
  Content
</ScrollArea>
Eject
Copy this component into your project for full customization

Code Examples

Usage

Scrollable area with custom scrollbar

import { ScrollArea } from '@opencosmos/ui';

<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
  Content...
</ScrollArea>