MyloUI
Back to blocks
table
Block

Striped Table

Alternating row colors with status badges

Installation

npx shadcn add @mylo-ui/table-striped

Preview

NameEmailDepartmentStatus
John Smith[EMAIL_REDACTED]Engineering
Active
Sarah Johnson[EMAIL_REDACTED]Design
Active
Michael Brown[EMAIL_REDACTED]Marketing
On Leave
Emily Davis[EMAIL_REDACTED]Engineering
Active
David Wilson[EMAIL_REDACTED]Sales
Active
Lisa Anderson[EMAIL_REDACTED]HR
Inactive

Usage

import { TableStriped } from "@/components/blocks/table-striped"

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

Dependencies

lucide-react

shadcn/ui Components

table
badge

Related Blocks

More table blocks you might like

View all table blocks
Simple Table
table

Simple Table

Clean, minimal table with basic data display

Ready to use
/blocks/table-simple
Bordered Table
table

Bordered Table

Grid-style table with visible borders

Ready to use
/blocks/table-bordered
Hover Table
table

Hover Table

Row highlighting on hover with order status

Ready to use
/blocks/table-hover