Right-click menu

0123456789
0123456789

Create your own custom context menu.

Right-click menu

Create your own custom context menu.

right-click

right-click

Updated:

Nov 8, 2023

Type:

Code

Notes

  • This uses an override to switch variants on right click so you have full controls over the visuals and interaction.

  • The component uses Framer's built-in Download function.

  • Apply to an instance on your canvas, not at the component level.

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

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

// Change to Variant 2
setVariant("Variant 2")


// Change back to Variant 1 when clicking outside
setVariant("Variant 1")

Help

How do I add code overrides?

Add a new code file via the Assets tab and paste this code in.

Learn more:
How to add code overrides in Framer

Found a bug? Have an idea?