@szhsin/react-menu

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

2.0.0
Source
npm

Version published: 4 years ago

Weekly downloads: 100K; decreased by-0.69%

Maintainers: 1

Weekly downloads

Created: 4 years ago

Source

An accessible, responsive, and customisable React menu library.

Live examples and documentation

Features

React menu components for easy and fast web development.
Unlimited levels of submenu.
Supports radio and checkbox menu items.
Supports context menu.
Flexible menu positioning.
Customisable styling.
Comprehensive keyboard interactions.
Adheres to WAI-ARIA Authoring Practices.

Installation

# with npm
npm install @szhsin/react-menu

# with Yarn
yarn add @szhsin/react-menu

Usage

import React from 'react';
import {
    Menu,
    MenuItem,
    MenuButton,
    SubMenu
} from '@szhsin/react-menu';
import '@szhsin/react-menu/dist/index.css';

export default function Example() {
    return (
        <Menu menuButton={<MenuButton>Open menu</MenuButton>}>
            <MenuItem>New File</MenuItem>
            <SubMenu label="Open">
                <MenuItem>index.html</MenuItem>
                <MenuItem>example.js</MenuItem>
                <MenuItem>about.css</MenuItem>
            </SubMenu>
            <MenuItem>Save</MenuItem>
        </Menu>
    );
}

License

Keywords

FAQs

What is @szhsin/react-menu?

Is @szhsin/react-menu popular?

Is @szhsin/react-menu well maintained?

Package last updated on 19 Aug 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install