Components
Loading preview...
Pixel-art dropdown menu from 8bitcn.com — retro pixel border with menu items. Wraps Radix DropdownMenu (inlined via esbuild).
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-dropdown-menu"use client";
import {
DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel,
DropdownMenuItem, DropdownMenuSeparator, Button,
} from "@/components/ui/8bit-dropdown-menu";
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">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>Menu</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-52">
<DropdownMenuLabel>Actions</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem>Profile</DropdownMenuItem>
<DropdownMenuItem>Inventory</DropdownMenuItem>
<DropdownMenuItem>Settings</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem>Log out</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</div>
);
}