Shadcn.io is not affiliated with official shadcn/ui
Indeterminate Checkbox
A React checkbox with indeterminate state for partial selections like select-all controls using shadcn/ui and Radix UI
Checkboxes aren't just checked or unchecked—sometimes they're both. This React indeterminate checkbox uses a three-state model (checked, unchecked, indeterminate) perfect for select-all scenarios where some but not all child items are selected. Built with shadcn/ui and Radix UI using the checked prop with boolean or indeterminate string value. The minus icon visually indicates partial selection. Perfect for hierarchical lists, batch operations, or any interface where parent checkboxes represent groups of child selections.
Indeterminate Checkbox preview
Installation
Related Components
Simple Checkbox
Basic two-state checkbox
Nested List Checkbox
Parent-child checkbox hierarchies
Vertical List Checkbox
Multiple checkboxes in list
Data Table
Tables with row selection
Todo-Style Checkbox
Task completion checkboxes
Disabled Checkbox
Non-interactive states
FAQ
Was this page helpful?
Sign in to leave feedback.