https://github.com/siamahnaf/context-menu
React hook and components for displaying fully UI controlled context menu.
https://github.com/siamahnaf/context-menu
contect-menu react-context-menu
Last synced: 4 months ago
JSON representation
React hook and components for displaying fully UI controlled context menu.
- Host: GitHub
- URL: https://github.com/siamahnaf/context-menu
- Owner: siamahnaf
- Created: 2025-01-29T17:53:14.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-29T18:22:37.000Z (12 months ago)
- Last Synced: 2025-06-03T20:42:13.059Z (8 months ago)
- Topics: contect-menu, react-context-menu
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/@siamf/context-menu
- Size: 34.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @siamf/context-menu
React hook and components for displaying fully UI controlled context menu.
This project is fork of [use-context-menu](https://github.com/bvaughn/use-context-menu) with react 19 support.
# Installation
```bash
$ npm i @siamf/context-menu
```
# Usage
### `ImageUpload`
```javascript
"use client"
import { ContextMenuItem, useContextMenu } from "@siamf/context-menu";
import "@siamf/context-menu/styles.css";
const Page = ({ className }: { className: string }) => {
const { contextMenu, onContextMenu, onKeyDown } = useContextMenu(
<>
One
Two
Three
>
);
return (
<>
right-click me
{contextMenu}
>
);
}
export default Page;
```
# Stay in touch
- Author - [Siam Ahnaf](https://www.siamahnaf.com/)
- Website - [https://www.siamahnaf.com/](https://www.siamahnaf.com/)
- LinkedIn - [https://www.linkedin.com/in/siamahnaf/](https://www.linkedin.com/in/siamahnaf/)
- Github - [https://github.com/siamahnaf](https://github.com/siamahnaf)