ScrollWrap

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.

Show codeCopy code

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.

Show codeCopy code