@szhsin/react-menu NPM | npm.io

4.4.1 • Published 1 month ago

Install

Weekly downloads

2,604

License

MIT

Repository

Last release

1 month ago

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

npm install @szhsin/react-menu

or with Yarn

yarn add @szhsin/react-menu

Usage

import { Menu, MenuItem, MenuButton, SubMenu } from '@szhsin/react-menu';

export default function App() {
  return (
    <Menu menuButton={<MenuButton>Open menu</MenuButton>}>
      <MenuItem>New File</MenuItem>
      <MenuItem>Save</MenuItem>
      <SubMenu label="Edit">
        <MenuItem>Cut</MenuItem>
        <MenuItem>Copy</MenuItem>
        <MenuItem>Paste</MenuItem>
      </SubMenu>
      <MenuItem>Print...</MenuItem>
    </Menu>
  );
}

Edit on CodeSandbox Visit more examples and docs FAQs Still on an old version? Please checkout our migration guides.

License

MIT Licensed.

react menu component submenu context menu dropdown tooltip checkbox radio button accessibility wai-aria

react-transition-state

@chainthat/cds voucher_1 @gourban/ui-components @infinitebrahmanuniverse/nolb-_sz @everything-registry/sub-chunk-891 alea-launcher sysom-flamegraph @creaditor/cdtr-blog @cs3/dynamic-components oveny2 @aloudata/aloudata-design @billomat/billomat-ui-ts @billomat/ui @builder.io/personalization-context-menu @charlesmack34/react-comments-section vv-chatbot unoapps-library unoappslibraryuat @guozg/react-comments-section @hyperbook/shell @goodpath/react-chat-components @labrnth/menu @lambdacurry/component-library @leivir/nextgen @leivir/react @linzjs/landonline-openlayers-map @linzjs/lui @newageerp/nae-react-ui @maurya-ankit/file-manager @karim_amouri/react-comments-section @kabisa/ui-components @sandercamp/ui-components @sayings/react-reels @pmhieu/react-comments-section my-test-ui-lib mossgpt oven2 objectum-react react-comments-advanced react-comments-mentions react-comments-section react-comments-section-pt-br react-comments-sectionv2 sea-react-components postflow-client react-swift-nested-comments simple-sheet reactive-site-creator ghost-design-system hamrahi-file-manager-library header-module-signup @w3block/w3block-ui-sdk @tonestar/lui @vchasno/ui-kit alpha-dashboard atelier.ds coterie-ui-library cordage-enterprise cordage-io danger-ui data-table-reactjs_action-menu deem-ui av-library digitinary-ui dp-react-comments-section dynamic-components-test-cs3 elena-editor erda-pyroscope evreka-components-test @simpleform/editor @simpleform/inula-editor @solace-health/ui

1 month ago

3 months ago

4 months ago

5 months ago

6 months ago

8 months ago

11 months ago

11 months ago

12 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago