Popover
OverlayAnchored floating panel for compact actions and settings near the trigger.
Rendering preview
<div class="pv-wrap"> <button type="button" class="pv-trigger" id="pvTrigger" aria-expanded="false" aria-controls="pvPanel"> Quick actions </button> <section class="pv-panel" id="pvPanel" role="dialog" aria-label="Quick actions" hidden> <div class="pv-head"> <span class="pv-title">Actions</span> <button type="button" class="pv-close" id="pvClose" aria-label="Close popover">✕</button> </div> <button type="button" class="pv-item">Duplicate project</button> <button type="button" class="pv-item">Archive project</button> <button type="button" class="pv-item pv-item--danger">Delete project</button> </section></div>