Accordion Sticky 2 - Sticky Trigger with Fade Edges

Pro

Sticky-trigger accordion with content fading under the header and at the bottom edge.

Shadcn Accordion Sticky 2 component

Component data

ID
accordion/accordion-sticky-2
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Sticky 2 component design & features

Content fades out as it scrolls beneath the sticky header, and a gradient at the bottom hints that there is more to read.

Fade edges make long scrollable panels feel softer, for policies and help content in dialogs.