MyloUI
Back to blocks
table
Block

List View Table

Toggleable list/grid views with starring

Installation

npx shadcn add @mylo-ui/table-list-view

Preview

5 items
NameOwnerStatusPriorityUpdatedActions
Project Alpha
Main website redesign initiative
JSJohn Smith
In Progress
High
2 hours ago
Marketing Campaign
Q1 2024 marketing push
SJSarah Johnson
Planning
Medium
1 day ago
API Migration
Migrate to new API architecture
MBMichael Brown
In Progress
Critical
3 hours ago
Documentation Update
Update all technical docs
EDEmily Davis
Pending
Low
2 days ago
Security Audit
Annual security review
DWDavid Wilson
In Progress
High
5 hours ago

Usage

import { TableListView } from "@/components/blocks/table-list-view"

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

Dependencies

lucide-react

shadcn/ui Components

table
button

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
Striped Table
table

Striped Table

Alternating row colors with status badges

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

Bordered Table

Grid-style table with visible borders

Ready to use
/blocks/table-bordered