List Empty 1 - Empty droppable group

Pro

Multi-group list with an empty target group that accepts dropped items.

Shadcn List Empty 1 component

Component data

ID
list/list-empty-1
Access
pro
Created
Jul 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

List Empty 1 component design & features

This example renders two ListGroup sections where Triaged starts empty and stays droppable. Dragging an Inbox item onto the empty group updates its parent and shows a placeholder until the first item lands.

Empty droppable groups are useful for triage inboxes, staging lanes, and any workflow that moves items into a column that often has no work yet.