A customisable, lightweight, and optimised React menu library with accessibility.
npm install @szhsin/react-menu
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>
);
}
More examples and documentation
Author: szhsin
Demo: https://szhsin.github.io/react-menu/
Source Code: https://github.com/szhsin/react-menu
#react #reactjs #javascript