List With Status Dot - List panel with status dot

Pro

Rows with a colored dot indicator for online or sync state.
Shadcn List With Status Dot component

Component data

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

List With Status Dot component design & features

This example adds a small colored circle in ItemMedia before each title to signal live, idle, or error states.

Status dot lists appear in connector health panels, device rosters, and service monitors where state must be glanceable.