RetroTable
A data table with Mac OS 9 Finder list view styling, beveled headers, and row selection.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-table.json"
Import
import { RetroTable } from "@/components/ui/retro-table"Finder list view
| Name | Date Modified | Size | Kind |
|---|---|---|---|
| SimpleText | Thu, Oct 7, 1999, 3:22 PM | 284 KB | Application |
| ReadMe | Mon, Sep 13, 1999, 10:04 AM | 12 KB | SimpleText Document |
| System Folder | Fri, Nov 5, 1999, 9:48 AM | -- | Folder |
| Sherlock 2 | Thu, Oct 7, 1999, 3:30 PM | 1.2 MB | Application |
| AppleScript | Thu, Oct 7, 1999, 3:18 PM | 640 KB | Application |
| Desktop | Sat, Nov 6, 1999, 11:15 AM | -- | Folder |
With selected row
| Name | Date Modified | Size | Kind |
|---|---|---|---|
| SimpleText | Thu, Oct 7, 1999, 3:22 PM | 284 KB | Application |
| ReadMe | Mon, Sep 13, 1999, 10:04 AM | 12 KB | SimpleText Document |
| System Folder | Fri, Nov 5, 1999, 9:48 AM | -- | Folder |
| Sherlock 2 | Thu, Oct 7, 1999, 3:30 PM | 1.2 MB | Application |
| AppleScript | Thu, Oct 7, 1999, 3:18 PM | 640 KB | Application |
| Desktop | Sat, Nov 6, 1999, 11:15 AM | -- | Folder |
With footer
| Name | Date Modified | Size | Kind |
|---|---|---|---|
| SimpleText | Thu, Oct 7, 1999, 3:22 PM | 284 KB | Application |
| Sherlock 2 | Thu, Oct 7, 1999, 3:30 PM | 1.2 MB | Application |
| AppleScript | Thu, Oct 7, 1999, 3:18 PM | 640 KB | Application |
| Total | 2.1 MB |