Sectioned Dropdown
Ready
Part of Dropdowns & Context Menus collection
Interactive Preview
Dropdown with organized sections and keyboard shortcuts
Quick Actions
Edit
Share
Features
- Section headers for grouped organization
- Grouped items by category (Quick Actions, Edit, Share)
- Danger actions with red styling (Delete)
- Icons for all menu items
- Keyboard shortcuts display (⌘N, ⌘D, etc.)
- Hover states with smooth transitions
Installation
This dropdown organizes actions into logical sections with visual separators and keyboard shortcuts.
// Required imports
import { Plus, Upload, FolderOpen, Copy, Edit3, Trash2, Check } from 'lucide-react'