Scroll

Scroll container with optional edge shadows that hint at more content. Use Scroll for overflow lists and panels that scroll vertically or horizontally.

#
Usage

Vertical scroll with edge shadow cues.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, quod fuga deleniti eaque sit nemo, labore, quisquam est esse quidem corrupti quia illo totam. Dicta laborum hic cupiditate distinctio quas totam sed sunt sint mollitia nostrum, provident quasi quam, suscipit atque rem ut saepe quae! In ipsum, minus non deleniti quasi temporibus qui autem voluptates! Architecto iusto unde placeat mollitia doloremque amet vel necessitatibus sapiente ipsa tenetur temporibus quidem perferendis sunt, quibusdam porro minima error impedit! Voluptatum ratione porro praesentium est veniam commodi, veritatis nemo voluptates atque iste, neque illum nesciunt aspernatur reprehenderit. Deleniti, aspernatur iusto accusamus nulla quos magni.

#
Horizontal

Horizontal scroll with edge shadow cues.

Horizontal scroll with Mousewheel

#API

Scroll

props

Name	Description	Type	Default
shadow	Shows edge shadows when more content can be scrolled.	Boolean	false
horizontal	Scrolls horizontally instead of vertically.	Boolean	false
mousewheel	Maps vertical mouse wheel to horizontal scroll when `horizontal` is set.	Boolean	false
scrollbar	Shows the native scrollbar. Set false to hide it.	Boolean	true

slots

Name	Description
default	Scrollable content.

methods

Name	Description
scrollEl	Ref to the inner scrollable element.

tooltip

spacer

Scroll

#Usage

#Horizontal

#API

Scroll

props

slots

methods

#
Usage

#
Horizontal