DEV Community

Cover image for React-contexify v6 is live!
Fadi Khadra
Fadi Khadra

Posted on

1

React-contexify v6 is live!

Never heard of react-contexify before? Go check the demo

React-contexify let you add a context menu (right click) to your react app with ease.
It comes with a lot of features: prevent menu from going off screen, keyboard shortcut, keyboard navigation, custom positioning, subemnu support, super easy to customize, etc...

It can even be used to be simple dropdown 😆.

react-contexify dropdown

React-contexify is the first react library I've open sourced, it was also my sandbox when learning react. I'm super excited by this release!

New features in v6

  • Allow to disable boundaries check
  • Allow to disable preventDefault on key down
  • Add support for hidden property to Separator
  • Add visual feedback when item is clicked
  • Easy customization thanks to css variables. Check out the theme builder
  • Keyboard shortcut made easy! A keyMatcher prop has been added to the Item component.

Despite adding new features, the library size decreased from 3.4Kb to 3.1Kb 💪.

Migrating from an older version?

If you are migrating from an older version, you can follow this guide

Happy coding!

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay