List With Disabled Rows - List panel with disabled rows

Pro

Mixed list with some rows disabled and non-interactive.
Shadcn List With Disabled Rows component

Component data

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

List With Disabled Rows component design & features

This example renders a mix of enabled and disabled Item rows so unavailable modules stay visible but cannot be selected.

Disabled row panels help permission-aware settings, staged rollouts, and lists where some entries require an upgrade.