scroller

Fragment reference scroller

tags

ui

Scrollers create an accessible container while providing visual cues (fading shadows) that help users identify and navigate through content that scrolls.

Usage

scroller
  row(gap="sm")
    card Item 1
    card Item 2

Attributes

Name	Type	Default	Description
orientation	horizontal | vertical	horizontal	Scroll direction.
without-shadow	boolean	false	Removes the fading edge shadows.
without-scrollbar	boolean	false	Hides the scrollbar while keeping scroll functionality.

Vertical scrolling: Set style="max-height: Xpx" on the scroller to constrain its height and enable vertical overflow.