Scroll Area

Themed scrollable container with custom scrollbars that match the design system. Use when default OS scrollbars look out of place.

Default

Long list inside a fixed-height container.

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

Add a horizontal ScrollBar for sideways overflow.

Props, events, and slots for each sub-component.

Props

Prop	Type	Default	Description
scrollHideDelay	number	600	Hide scrollbar after this many ms of inactivity.
type	"auto" \| "always" \| "scroll" \| "hover"	"hover"	Scrollbar visibility behaviour.

Slots

Slot	Description
default	Scrollable content.

Props

Prop	Type	Default	Description
orientation	"vertical" \| "horizontal"	"vertical"	Add a second ScrollBar with orientation="horizontal" for sideways overflow.