Custom Context Menu Components

Context Menu

Right click here
Close
User
Contact
More Tools
Developer Tools
Extensions
Task Manager
Menu 1
Menu 2
Menu 3
<div class="context-menu" id="contextMenu"> <div class="context-menu__group"> <div class="context-menu__item"> Close <span class="context-menu__icon"> <i data-lucide="x"></i> </span> </div> <div class="context-menu__item"> User <span class="context-menu__icon"> <i data-lucide="user"></i> </span> </div> <div class="context-menu__item"> Contact <span class="context-menu__icon"> <i data-lucide="contact-round"></i> </span> </div> <div class="context-menu__item context-menu__item--has-submenu"> More Tools <span class="context-menu__icon"> <i data-lucide="chevron-right"></i> </span> <div class="context-menu__submenu"> <div class="context-menu__item">Developer Tools</div> <div class="context-menu__item">Extensions</div> <div class="context-menu__item">Task Manager</div> </div> </div> </div> <div class="context-menu__group"> <div class="context-menu__item"> Menu 1 </div> <div class="context-menu__item"> Menu 2 </div> <div class="context-menu__item"> Menu 3 </div> </div> </div>