Shadcn.io is not affiliated with official shadcn/ui
Support Dropdown
A React support dropdown menu with links to Documentation, Knowledge Base, and Contact Us with external link indicators built with shadcn/ui
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.
Support Dropdown preview
Installation
Related Components
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
FAQ
Was this page helpful?
Sign in to leave feedback.
Resources Menu
A React resources menu dropdown organized into Learning Resources and Developer sections with external links to documentation, API reference, code examples, GitHub, and community forum built with shadcn/ui
Empty with Input Action
A React empty state with email input and subscribe button for newsletter signup or lead capture forms