Scroll area

A custom 10px scrollbar on border-strong, no track colour. For inspectors, side panels and command lists; page-level scrolling stays native.

<ScrollArea className="h-72 w-64 rounded-md border" viewportProps={{ role: "region", "aria-label": "Tags" }}>…</ScrollArea>

Vertical

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

Horizontal

Card 1

Card 2

Card 3

Card 4

Card 5

Card 6

Card 7

Card 8