Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Context Menu - File Properties Menu
A React context menu for file metadata with get info, permissions, sharing settings, and properties sections with labeled organization
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Remember macOS Finder's Get Info panel? This React context menu brings file management tools—view metadata, adjust permissions, configure sharing, and see properties. Built with shadcn/ui and Radix UI with Lucide React icons and labeled sections—perfect for file managers, cloud storage UIs, or document management systems.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
File Operations Menu
Open, rename, duplicate, and delete operations
Copy and Move Menu
Cut, copy, and move operations with clipboard
Share and Export Menu
Sharing and download options with submenus
Context Menu with Labels
General labeled menu pattern for organization
Table Context Menu
Context menu for data table rows
Dropdown Menu with Labels
Alternative menu pattern with labeled sections
Questions you might have
React Context Menu - Share and Export Menu
A React context menu for sharing files with email, copy link, team sharing submenu, and download options for cloud storage and collaboration tools
React Simple Context Menu
A minimal React context menu with basic text-only menu items for navigation actions like back, forward, reload, and more options