geist mono

geist mono

Search…

Right-click menu

Custom context menu.

Right-click menu

Custom context menu.

right-click

right-click

Framer

Updated:

Feb 22, 2024

Type:

Remix

Notes

  • This uses two overrides and variants so you have full controls over the visuals and Framer's native Download component for simplicity.

  • Apply withRightClick to an instance on the Canvas (not at the component level) and apply withDropdown to each menu item inside your Component.

  • Auto-dismisses when you click a menu item or anywhere outside the component.

  • Seems to be a bug where the withDropdown override may need to be removed and re-added to the Dropdown Item component. If the Copy SVG option doesn't dismiss the dropdown on click, this is the fix.

  • Ensure the variant names in the override match what's in your component exactly:

const VARIANT_DEFAULT = "Variant 1"
const VARIANT_ALTERNATE = "Variant 2"

Help

How do I add code overrides?