ScrollShadow

Display shadows to signal scrollable overflow, automatically updating with scroll position.

Usage

Brief guide to importing and setting up ScrollShadow component.

import { ScrollShadow } from "@elemnts-ui/react"

<ScrollShadow>
  <Text>
    {...content}
  </Text>
</ScrollShadow>

To see the shadows, make the content overflow the ScrollShadow component vertically or horizontally.

Adjust the shadow size by setting the size prop.

Use ScrollShadow with the Surface component.

Variable	Description
--scroll-shadow-end-color	The color of the end shadow.
--scroll-shadow-start-color	The color of the start shadow.