Back to blocks
table
Block

Table with Actions

Row actions (view, edit, delete) with progress bars

Installation

npx shadcn add @mylo-ui/table-with-actions

Preview

Project NameClientBudgetDeadlineStatusProgressActions
Alpha ProjectAcme Corp$50,0002024-03-15
Active
75%
Beta WebsiteTechStart Inc$25,0002024-02-28
In Progress
45%
Gamma AppGlobal Solutions$75,0002024-04-10
Planning
15%
Delta PlatformInnovate LLC$100,0002024-05-01
Active
60%
Epsilon MigrationDataFlow Co$35,0002024-02-15
Completed
100%

Usage

import { TableWithActions } from "@/components/blocks/table-with-actions"

export default function Page() {
  return <TableWithActions />
}

Dependencies

lucide-react

shadcn/ui Components

table
button