Back to blocks
View all table blocks
Installation
npx shadcn add @mylo-ui/table-ordersPreview
Total Orders
1,234
Pending
45
Shipped
89
Delivered
1,100
| Order ID | Customer | Items | Total | Status | Payment | Date | Actions |
|---|---|---|---|---|---|---|---|
| ORD-2024-001 | John Smith [EMAIL_REDACTED] | 3 | $299.97 | Delivered | Paid | 2024-01-15 | |
| ORD-2024-002 | Sarah Johnson [EMAIL_REDACTED] | 1 | $89.99 | Shipped | Paid | 2024-01-14 | |
| ORD-2024-003 | Michael Brown [EMAIL_REDACTED] | 5 | $567.50 | Processing | Paid | 2024-01-14 | |
| ORD-2024-004 | Emily Davis [EMAIL_REDACTED] | 2 | $156.00 | Pending | Pending | 2024-01-13 | |
| ORD-2024-005 | David Wilson [EMAIL_REDACTED] | 4 | $445.80 | Processing | Paid | 2024-01-13 | |
| ORD-2024-006 | Lisa Anderson [EMAIL_REDACTED] | 1 | $29.99 | Cancelled | Refunded | 2024-01-12 |
Usage
import { TableOrders } from "@/components/blocks/table-orders"
export default function Page() {
return <TableOrders />
}Dependencies
lucide-react
shadcn/ui Components
table
badge
card
Related Blocks
More table blocks you might like
