Menu
Kontextové menu se skupinami, oddělovači, ikonami, badge a danger položkami
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/menu.json
Usage
Preview
Barvy hover
Kompletní menu
Nástroje
Import
import { Menu } from "@/components/ui/menu"
Example
import { User, Settings, Trash2 } from "lucide-react"
<Menu
color="primary"
items={[
{ id: "profile", label: "Profil", icon: <User className="size-4" /> },
{ id: "settings", label: "Nastavení", icon: <Settings className="size-4" /> },
{ type: "divider" },
{ id: "delete", label: "Smazat", icon: <Trash2 className="size-4" />, danger: true },
]}
/>
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)