Installations

npm install @szhsin/react-menu

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

22.14.0

NPM Version

10.9.2 Pull Requests

Open

1

Total

1,380

Closed

699

Merged

680

Issues

Open

0

Total

183

Closed

183

Releases

67

v4.4.1

Updated on May 21, 2025

v4.4.0

Updated on Apr 14, 2025

v4.3.1

Updated on Mar 15, 2025

v4.3.0

Updated on Jan 22, 2025

v4.2.4

Updated on Jan 08, 2025

v4.2.3

Updated on Nov 19, 2024

View All 67 releases

Languages

3

JavaScript

SCSS

Shell

JavaScript (88.39%)

SCSS (11.44%)

Shell (0.16%)

Developer

szhsin

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

1,198 Stars

1,161 Commits

57 Forks

9 Watchers

8 Branches

11 Contributors

Updated on Jul 09, 2025

Maintainers

1

View All 11 Contributors

Package Meta Information

Latest Version

4.4.1

Package Id

@szhsin/react-menu@4.4.1

Unpacked Size

162.42 kB

Size

38.53 kB

File Count

83

NPM Version

10.9.2

Node Version

22.14.0

Published on

May 21, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

react-transition-state

Peer Dependencies

2

react react-dom

Dev Dependencies

29

React-Menu

An accessible, keyboard-friendly React menu library

Live examples and docs

Features

Lightweight, unstyled React menu components
Unlimited submenu nesting
Supports dropdown, hover, and context menus
Radio and checkbox menu items
Flexible positioning options
Full keyboard interaction support
Compatible with React 18+ concurrent rendering
Supports server-side rendering
Implements WAI-ARIA menu pattern

Install

with npm

1npm install @szhsin/react-menu

or with Yarn

1yarn add @szhsin/react-menu

Usage

1import { Menu, MenuItem, MenuButton, SubMenu } from '@szhsin/react-menu';
2
3export default function App() {
4  return (
5    <Menu menuButton={<MenuButton>Open menu</MenuButton>}>
6      <MenuItem>New File</MenuItem>
7      <MenuItem>Save</MenuItem>
8      <SubMenu label="Edit">
9        <MenuItem>Cut</MenuItem>
10        <MenuItem>Copy</MenuItem>
11        <MenuItem>Paste</MenuItem>
12      </SubMenu>
13      <MenuItem>Print...</MenuItem>
14    </Menu>
15  );
16}

Edit on CodeSandbox

Visit more examples and docs

FAQs

Still on an old version? Please checkout our migration guides.

License

MIT Licensed.

SAST

Determines if the project uses static code analysis.

Score

4.7

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More