Components
Loading preview...
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
npx shadcn@latest add https://21st.dev/r/shadcn/dropdown-menuimport { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import {
ArrowUpDown,
Mobile,
Pen,
Question,
ShieldCheck,
Truck,
} from "@mynaui/icons-react";
function HelpMenu() {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="icon" className="rounded-full">
<Question className="size-5" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuItem>
<Truck className="mr-2 size-4" />
Getting Started
</DropdownMenuItem>
<DropdownMenuItem>
<Mobile className="mr-2 size-4" />
<span>Contact Us</span>
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem>
<Pen className="mr-2 size-4" />
<span>Blog</span>
</DropdownMenuItem>
<DropdownMenuItem>
<ShieldCheck className="mr-2 size-4" />
<span>Security</span>
</DropdownMenuItem>
<DropdownMenuItem>
<ArrowUpDown className="mr-2 size-4" />
<span>Changelog</span>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
);
}
export { HelpMenu }