synthetic
ScrollMask
Soft edge fades on a scrolling row, showing there is more to see past either end.
Project chipsScroll sideways: the fade shows only on the side with more
Harbour rebrandTideline mobileCrew interviewsRota exportDepot signage
Harbour rebrandTideline mobile
DesignEngResearchOps
In context
Filter rowProject filters above a task list
TasksFilter by project
All projectsHarbour rebrandTideline mobileCrew interviewsRota exportDepot signage
7 tasks across 5 projects.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
scrollTrackRef | RefObject<HTMLElement | null> | Yes | — |
className | string | undefined | No | — |
data-rebar-* attributes
data-rebar-component="scroll-mask"; data-rebar-part="start"|"end".
Migrating to Ant Design
Ant Design (web) has no direct equivalent — this ports antd-*mobile*'s ScrollMask. A migration typically hand-rolls the same scroll-listener-plus-gradient-overlay pattern, or drops the affordance entirely if the design doesn't need it.