List With Destructive Action - List panel destructive action

Pro

Rows with a trailing destructive button for remove or delete.
Shadcn List With Destructive Action component

Component data

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

List With Destructive Action component design & features

This example places a destructive ghost Button in ItemActions so users can remove entries without opening a menu.

Destructive action rows fit revoke lists, blocklists, and removable queue items where delete should stay one click away.