Components
npx shadcn@latest add https://21st.dev/r/chetanverma16/dropdown-menuLoading preview...
import { DropdownMenu } from "@/components/ui/dropdown-menu"
import { Pencil, Trash, Copy } from "lucide-react"
const DropdownMenuDemo = () => {
return (
<DropdownMenu
options={[
{
label: "Edit",
onClick: () => console.log("Edit"),
Icon: <Pencil className="h-4 w-4" />,
},
{
label: "Duplicate",
onClick: () => console.log("Duplicate"),
Icon: <Copy className="h-4 w-4" />,
},
{
label: "Delete",
onClick: () => console.log("Delete"),
Icon: <Trash className="h-4 w-4" />,
},
]}
>
Options
</DropdownMenu>
);
};
export { DropdownMenuDemo }