Scroll Area

Constrained region with custom scrollbars.

Full API on ui.shadcn.com

Default

Constrained height with themed scrollbar.

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

<ScrollArea className="h-64 w-64 rounded-md border border-border p-4">
  {tags.map((tag) => (
    <div key={tag} className="text-sm">{tag}</div>
  ))}
</ScrollArea>