Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Dropdown Menu - Support Dropdown
A React support dropdown menu with links to Documentation, Knowledge Base, and Contact Us with external link indicators built with shadcn/ui
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Hiding support options in footer links means users never find help when frustrated. This React dropdown menu puts Documentation, Knowledge Base, and Contact Us right in the navigation with HelpCircle icon trigger. Built with shadcn/ui and Radix UI with ExternalLink indicators for external resources, it's perfect for SaaS apps, web tools, or any interface where making help discoverable reduces support tickets.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Help Menu
Extended help resources with shortcuts
Resources Menu
Developer-focused learning resources
Simple Dropdown with Icons
Basic dropdown structure
Notifications Drawer
Side panel for updates and messages
Standard Dialog
Modal for focused content
Popover Menu
Compact menu alternative
Questions you might have
React Dropdown Menu - Mixed Features Dropdown
A comprehensive React dropdown menu combining action items, keyboard shortcuts, nested submenus, checkboxes, and radio groups in a File menu pattern built with shadcn/ui
React Dropdown Menu - Help Menu
A React help menu dropdown with keyboard shortcuts for Documentation, Video Tutorials, FAQs, Keyboard Shortcuts, Chat with Support, and Report a Bug built with shadcn/ui