ScrollShadow
ScrollArea with a conscience: edge fades show when there is more to read, and vanish at the ends.
Example
Line one. Terms of service, condensed.
Line two. You grant us nothing and we take nothing.
Line three. Data stays in your account.
Line four. Export anytime, in open formats.
Line five. Delete means delete, within 30 days.
Line six. Questions go to support, answered by humans.
Line seven. That is the whole agreement.
<ScrollShadow maxHeight="10rem">
<p>Line one...</p>
...
</ScrollShadow>Props
| Prop | Type | Default | Description |
|---|---|---|---|
maxHeight | string | 16rem | Cap before scrolling. |
Accessibility
- Shadows are pure decoration (
::before/::after, pointer-events none). - Same keyboard contract as ScrollArea.