Displays a menu at the pointer's position when right-clicking.
Right-click area
<div class="ctx-menu"> <div class="ctx-item"> <span class="material-icons-round">edit</span>Edit<kbd>⌘E</kbd> </div> <div class="ctx-item"> <span class="material-icons-round">content_copy</span>Copy </div> <div class="ctx-sep"></div> <div class="ctx-item danger"> <span class="material-icons-round">delete</span>Delete </div> </div>
Installation
Built with pure HTML and CSS. Include ds-shared.css in your project.
pnpm add @norbielink/ds
API Reference
Classes
| Class | Description |
|---|---|
ctx-menu | Floating menu panel (position:absolute) |
ctx-item | Menu item row |
ctx-item.danger | Destructive item (red text) |
ctx-sep | Horizontal divider |
ctx-dk | Dark mode modifier |