Documentation

ScrollArea

Custom styled scrollable area with smooth scrolling behavior.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { ScrollArea } from "@rouf-dev/pantheon-ui";

<ScrollArea className="h-72 w-48 rounded-md border">
  <div className="p-4">
    {/* Your scrollable content */}
  </div>
</ScrollArea>

Examples

Vertical Scroll

Tags

Tag 1
Tag 2
Tag 3
Tag 4
Tag 5
Tag 6
Tag 7
Tag 8
Tag 9
Tag 10
Tag 11
Tag 12
Tag 13
Tag 14
Tag 15
Tag 16
Tag 17
Tag 18
Tag 19
Tag 20
Tag 21
Tag 22
Tag 23
Tag 24
Tag 25
Tag 26
Tag 27
Tag 28
Tag 29
Tag 30
Tag 31
Tag 32
Tag 33
Tag 34
Tag 35
Tag 36
Tag 37
Tag 38
Tag 39
Tag 40
Tag 41
Tag 42
Tag 43
Tag 44
Tag 45
Tag 46
Tag 47
Tag 48
Tag 49
Tag 50

Horizontal Scroll

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20