List With Trailing Action - List panel with trailing action

Pro

Each row includes an icon button in ItemActions.

Shadcn List With Trailing Action component

Component data

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

List With Trailing Action component design & features

This example adds a ghost icon Button in ItemActions on every row for a per-item action such as opening details.

Trailing action lists suit file browsers, saved view managers, and templates where each row can be edited without leaving the list.