👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Task Table with Actions
Task management table with status badges, assignee avatars, priority indicators, and action buttons for workflow control
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Managing project tasks across teams? This React table displays tasks with color-coded status badges, action buttons for workflow state changes, and loading indicators for async operations. Built with shadcn/ui Table, Badge, Button, and Tooltip components with Lucide React icons, each row shows task details with contextual actions—Play to start, Pause to hold, CheckCircle to complete, and Trash to delete. Perfect for project management dashboards, kanban boards, or team collaboration tools where status visibility and quick actions matter.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/table-actions-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/table-actions-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/table-actions-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/table-actions-01.jsonRelated blocks you will also like
Table with Row Selection
Select rows with checkboxes and bulk actions
Table with Row Menu
Dropdown menu with multiple row actions
Table with Sortable Columns
Click headers to sort data
Table with Quick Filters
Filter chips for status and categories
Searchable Filterable Data Table
Search and filter functionality
Table with Inline Editing
Double-click cells to edit