EDS4 logo
@eds/scroll-wrap
v4.1.17

ScrollWrap

A visual indicator of a scrollable area.

The <ScrollWrap /> is a wrapper component that is used to give a visual indicator that an area can be scrolled horizontally. It allows x-axis scrolling and adds styles and a button to indicate that the container is scrollable.

The "Scroll" button is an additional visual aid to highlight that the container has overflowing content. It is only displayed before the user has scrolled.

In some cases, e.g. when the height of the horizontally overflowing element is limited, the "Scroll" button might be redundant. Use the hideScrollButton prop to hide the button.