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

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.