List With Header - List panel with header

Pro

Rows with ItemHeader above the main content block.
Shadcn List With Header component

Component data

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

List With Header component design & features

This example uses ItemHeader to show a preview band above titles and descriptions in each row.

Header rows work for template pickers, model selectors, and cards-in-a-list layouts inside narrow panels.