List With Back Header - List panel with back header

Pro

Panel with a sticky back navigation header above the list.
Shadcn List With Back Header component

Component data

ID
list-panel/list-with-back-header
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

List With Back Header component design & features

This example adds a sticky header with a back Button above ItemGroup to mimic nested settings navigation.

Back header panels support drill-down settings flows on mobile widths and shallow hierarchy admin tools.