ComponentsEffects
Scroll fade
An edge that fades where more content is hidden
Releases ship on Tuesdays
Nightly exports run at 02:00
Seats renew every 30 days
Audit logs keep 90 days
Invoices email on the 1st
Builds timeout after 20 minutes
Installation
nub add @gpuixui/componentsUsage
import { ScrollFade } from "@gpuixui/components/scroll-fade";
<ScrollFade color={theme.colors.card} style={{ height: 240 }}>
{notes.map((note) => (
<Note key={note.id} note={note} />
))}
</ScrollFade>;API
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
color | string | theme background |
edgeSize | number | 32 |
label | string | the runtime's "Scroll region" |
testId | string | — |
className | string | — |
style | StyleDesc | — |
Edit this page on GitHubpackages/components/docs/scroll-fade.mdx