Insert Options Dropdown

Content insertion needs quick access—insert menus organize media and structural elements efficiently. This React dropdown menu uses shadcn/ui DropdownMenu with Plus icon trigger featuring Image, Video, Link, Table, Code Block, and File options from Lucide React. Built with DropdownMenuShortcut showing Cmd-Shift-I, Cmd-K shortcuts. The insert pattern improves editor productivity—perfect for content editors, documentation tools, blog platforms, or anywhere rich content needs organized media insertion with keyboard hints.

Insert Options Dropdown preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/dropdown-menu-editor-3.json

npx shadcn@latest add https://www.shadcn.io/r/dropdown-menu-editor-3.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/dropdown-menu-editor-3.json

bunx shadcn@latest add https://www.shadcn.io/r/dropdown-menu-editor-3.json

Related Components

FAQ