Components
Loading preview...
Pixel-art table from 8bitcn.com — bordered cells with retro 8-bit styling. Zero external deps.
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-table"use client";
import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, Badge } from "@/components/ui/8bit-table";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden font-pixel">
<Table>
<TableHeader>
<TableRow>
<TableHead>Item</TableHead>
<TableHead>Qty</TableHead>
<TableHead>Rarity</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>Potion</TableCell>
<TableCell>3</TableCell>
<TableCell><Badge variant="secondary">Common</Badge></TableCell>
</TableRow>
<TableRow>
<TableCell>Elixir</TableCell>
<TableCell>1</TableCell>
<TableCell><Badge>Rare</Badge></TableCell>
</TableRow>
<TableRow>
<TableCell>Phoenix Down</TableCell>
<TableCell>2</TableCell>
<TableCell><Badge variant="destructive">Epic</Badge></TableCell>
</TableRow>
</TableBody>
</Table>
</div>
);
}