Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Checkbox Toggles
Table component with inline checkbox and toggle controls for React settings and permissions dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Configure options on your Next.js settings dashboard with this checkbox toggle table component. Features inline Switch toggles, Checkbox groups for multi-select, disabled states with explanations, toggle-all header controls, and immediate feedback on state changes. Built with shadcn/ui Table, Switch, and Checkbox components using Tailwind CSS. The interactive controls enable quick configuration—perfect for permission matrices, feature flags, notification preferences, privacy settings, or any React app requiring boolean data management in tables.
Role Permissions
Configure access permissions for this role
| Resource | Description | View | Edit | Delete | Share | Enabled |
|---|---|---|---|---|---|---|
User Profiles | Access to user profile data | |||||
Financial Reports | Revenue and expense reports | |||||
Team Settings | Team configuration options | |||||
Notifications | Email and push notifications | |||||
API Access | API keys and webhooks | |||||
Audit Logs | Activity and security logs | |||||
Integrations | Third-party app connections | |||||
Billing Info | Payment and subscription data |
Installation
Related blocks you will also like
Table with Inline Editing
Edit settings
Table with Row Selection
Select rows
Table with Bulk Actions
Bulk toggle
Table with Quick Filters
Filter by status
Table with Grouped Rows
Group settings
Table with Row Highlighting
Highlight enabled