.kairoz-popover
Popover
Shadow-lifted floating surface for dropdowns, context menus, and stacked action lists.
Default
<div class="kairoz-popover" style="width:200px;position:relative"> <button class="kairoz-menu-item">Rename</button> <button class="kairoz-menu-item">Duplicate</button> <button class="kairoz-menu-item">Move to…</button> <div class="kairoz-menu-separator"></div> <button class="kairoz-menu-item" style="color:var(--status-error)">Delete</button> </div>
Shortcut-annotated
<div class="kairoz-popover" style="width:240px;position:relative"> <button class="kairoz-menu-item" style="display:flex;justify-content:space-between;align-items:center"><span>New file</span><kbd class="kairoz-kbd">⌘N</kbd></button> <button class="kairoz-menu-item" style="display:flex;justify-content:space-between;align-items:center"><span>Open</span><kbd class="kairoz-kbd">⌘O</kbd></button> <button class="kairoz-menu-item" style="display:flex;justify-content:space-between;align-items:center"><span>Save</span><kbd class="kairoz-kbd">⌘S</kbd></button> </div>