Back to blocks
View all table blocks
Installation
npx shadcn add @mylo-ui/table-hoverPreview
| Customer | Order ID | Date | Amount | Status |
|---|---|---|---|---|
| Alice Cooper | #ORD-001 | 2024-01-15 | $234.50 | Delivered |
| Bob Martinez | #ORD-002 | 2024-01-14 | $89.99 | Processing |
| Carol White | #ORD-003 | 2024-01-14 | $567.00 | Shipped |
| Dan Roberts | #ORD-004 | 2024-01-13 | $123.45 | Delivered |
| Eva Green | #ORD-005 | 2024-01-12 | $445.80 | Pending |
Usage
import { TableHover } from "@/components/blocks/table-hover"
export default function Page() {
return <TableHover />
}Dependencies
lucide-react
shadcn/ui Components
table
badge
Related Blocks
More table blocks you might like
