Context Menu

Recipe CSS

This is the exact CSS your kit ships for Context Menu — token-driven, so it re-themes with every knob. Get it (and the rest) from the configurator's Use kit panel.

/* === Context menu (.ctxmenu) — shadcn gap filler =====================
 * A right-click drop area; the popup reuses the .menu component, placed
 * at the cursor via inline left/top. */
.ctxmenu {
  position: relative; display: grid; place-items: center;
  min-height: 120px; padding: var(--k-s-16);
  border: max(1px, var(--k-bw)) dashed var(--k-border); border-radius: var(--k-radius-md);
  background: var(--k-surface-sunken); color: var(--k-fg-muted);
  font-size: var(--k-type-small); user-select: none; cursor: context-menu;
}
.ctxmenu__hint { pointer-events: none; }
.ctxmenu__pop { position: absolute; min-width: 184px; z-index: var(--k-z-dropdown); }