Accordion Highlight 3 - Highlight with Sliding Background

Pro

Accordion with a single background panel that slides to sit behind the open item.

Shadcn Accordion Highlight 3 component

Component data

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

Accordion Highlight 3 component design & features

One bordered background element follows whichever item is open. Observers keep it matched to that item while panels open and close, so it glides between positions.

The sliding panel suits notification and report settings where moving between options should feel connected.