Vitreo
Components
NotificationsView all
TOTheo Okafor approved the Q3 release plan2 min agoNew order #4821 for $1,240 from Clara Jensen18 min agoHSHana Sato mentioned you in Ticket #20931 hour agoStorage at 82% of the team plan3 hours agoMCMei Chen shared Roadmap 2.0 with youYesterday
MLMaya Lindqvistmaya@northwind.test
ProfileSettingsBillingHelp center
Sign out

Context menu

Options where you right-click

Right-click the area

Or focus it and press the menu key.

Right-click here
Code 
<div class="context-area" data-context-menu="ctx-1" tabindex="0" role="region" aria-label="Right-click or press the menu key for options">
  <div class="d-flex flex-column gap-1 align-items-center">
    <svg class="icon icon-lg muted" viewBox="0 0 24 24" aria-hidden="true">…</svg>
    <span class="muted">Right-click here</span>
  </div>
  <div class="menu glass context-menu" id="ctx-1" role="menu" hidden>
    <button class="menu-item" type="button" role="menuitem" tabindex="-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Open</button><button class="menu-item" type="button" role="menuitem" tabindex="-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Rename<span class="shortcut">F2</span></button><button class="menu-item" type="button" role="menuitem" tabindex="-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Duplicate<span class="shortcut">⌘D</span></button><div class="menu-sep" role="separator"></div><button class="menu-item danger" type="button" role="menuitem" tabindex="-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Delete</button>
  </div>
</div>
© Vitreo. All rights reserved.