szhsin/react-menu：用于构建无障碍菜单、下拉菜单、子菜单、上下文菜单等的 Rea

项目介绍

szhsin/react-menu 是一个托管在 GitHub 上的开源项目，主要使用 JavaScript 编写，采用 MIT License 许可证，目前获得 1.2k 个 Star、60 次 Fork。

仓库全名: szhsin/react-menu

README 摘要

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…

完整内容见 GitHub 原始 README 或本页。

常见问题

react-menu 用什么语言开发？

主要使用 JavaScript 编写，采用 MIT License 许可证，目前有 1.2k 个 Star。

react-menu 可以免费商用吗？

如何获取 react-menu 的源码？

可以直接克隆仓库：git clone https://github.com/szhsin/react-menu.git，默认分支为 master；安装与运行步骤见仓库 README。

react-menu 最近还在维护吗？

仓库最近一次更新为 1 天前，当前有 6 个未关闭 Issue；Star 数为 1.2k，可作为社区活跃度的参考。

关于

GitHub 原始描述（英文）

React component for building accessible menu, dropdown, submenu, context menu, and more

accessibility checkbox contextmenu dropdown menu menubutton radio-buttons react sub-menu submenu tooltip wai-aria

MIT License
1.2k Stars
60 Forks
9 Watching

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分

1347

价值分

749

活跃状态

活跃

GitHub

语言占比

JavaScript

SCSS

Shell

Release

v4.5.26月6日
v4.5.12025年11月24日
v4.5.02025年9月9日
v4.4.12025年5月21日
v4.4.02025年4月14日

贡献者

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