fkhadra / React Contexify
Licence: mit
Add a context menu to your react app with ease
Stars: ✭ 575
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to React Contexify
ContextMenuSwift
A better version of iOS 13 Context Menu
Stars: ✭ 162 (-71.83%)
Mutual labels: menu, context-menu
Context Menu.ios
You can easily add awesome animated context menu to your app.
Stars: ✭ 1,854 (+222.43%)
Mutual labels: menu, context-menu
Ngcontextmenu
Handcraft your very own context menus for a richer UX!
Stars: ✭ 81 (-85.91%)
Mutual labels: menu, context-menu
JonContextMenu
A beautiful and minimalist arc menu like the Pinterest one, written in Swift
Stars: ✭ 60 (-89.57%)
Mutual labels: menu, context-menu
xMenuTools
Extended context menu tools for Windows
Stars: ✭ 56 (-90.26%)
Mutual labels: menu, context-menu
ember-right-click-menu
An easy and flexible addon to add context menus anywhere in your application
Stars: ✭ 14 (-97.57%)
Mutual labels: menu, context-menu
Jquery Ui Contextmenu
jQuery plugin that turns a jQueryUI menu widget into a context menu.
Stars: ✭ 170 (-70.43%)
Mutual labels: menu, context-menu
vue3-context-menu
A very simple context menu component for Vue3 一个简洁美观简单的Vue3右键菜单组件
Stars: ✭ 74 (-87.13%)
Mutual labels: menu, context-menu
React Horizontal Scrolling Menu
Horizontal scrolling menu component for React.
Stars: ✭ 289 (-49.74%)
Mutual labels: react-component, menu
React Day Picker
Date picker component for React
Stars: ✭ 4,374 (+660.7%)
Mutual labels: react-component
Input Moment
React datetime picker powered by momentjs
Stars: ✭ 507 (-11.83%)
Mutual labels: react-component
Dlwidgetmenu
Versatile solution for displaying widget menus. Easily adjustable with custom layouts and/or animations.
Stars: ✭ 416 (-27.65%)
Mutual labels: menu
Autoconnect
An Arduino library for ESP8266/ESP32 WLAN configuration at runtime with the Web interface
Stars: ✭ 513 (-10.78%)
Mutual labels: menu
React Alice Carousel
React responsive component for building content galleries, content rotators and any React carousels
Stars: ✭ 419 (-27.13%)
Mutual labels: react-component
React Compound Slider
◾️ React Compound Slider | A small React slider with no opinion on markup or styles
Stars: ✭ 553 (-3.83%)
Mutual labels: react-component
Wmzpagecontroller
分页控制器,替换UIPageController方案,具备完整的生命周期,多种指示器样式,多种标题样式,可悬浮,支持ios13暗黑模式(仿优酷,爱奇艺,今日头条,简书,京东等多种标题菜单) (Pagination controller with full life cycle, multiple indicator styles, multiple title styles)
Stars: ✭ 405 (-29.57%)
Mutual labels: menu
Chart Race React
📊 Seamless bar chart race component for React.
Stars: ✭ 406 (-29.39%)
Mutual labels: react-component
Sidemenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less.
Stars: ✭ 5,267 (+816%)
Mutual labels: menu
Uiw
⚛️ @uiwjs A high quality UI Toolkit, A Component Library for React 16+.
Stars: ✭ 531 (-7.65%)
Mutual labels: react-component
Documentation
Go here.
Installation
Using yarn
$ yarn add react-contexify
Using npm
$ npm install --save react-contexify
The gist
import React from 'react';
import { Menu, Item, Separator, Submenu, MenuProvider, useContextMenu } from 'react-contexify';
import 'react-contexify/dist/ReactContexify.css';
const MENU_ID = 'blahblah';
function App() {
const { show } = useContextMenu({
id: MENU_ID,
});
function handleContextMenu(event){
event.preventDefault();
show(event, {
props: {
key: 'value'
}
})
}
const handleItemClick = ({ event, props }) => console.log(event,props);
return (
<div>
<p onContextMenu={handleContextMenu}>lorem ipsum blabladhasi blaghs blah</p>
<Menu id={MENU_ID}>
<Item onClick={handleItemClick}>Item 1</Item>
<Item onClick={handleItemClick}>Item 2</Item>
<Separator />
<Item disabled>Disabled</Item>
<Separator />
<Submenu label="Foobar">
<Item onClick={handleItemClick}>Sub Item 1</Item>
<Item onClick={handleItemClick}>Sub Item 2</Item>
</Submenu>
</Menu>
</div>
);
}
Contribute
Any idea and suggestions are welcome. Please have a look at the contributing guide.
License
React Contexify is licensed under MIT.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].