Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mui-nested-menu

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mui-nested-menu

Inifintely deep nested menu items for MUI 5.

  • 2.0.2
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
26K
decreased by-0.25%
Maintainers
1
Weekly downloads
 
Created
Source

🪆 Mui Nested Menu

It's not perfect, but it's pretty good.

This package provides components to let you nest menu items infinitely deep. The code is an adaption from this package to work with MUI version 5.

Check out the documentation here.

📦 Install

The code is open source, so you can use the library by copying the src/mui-nested-menu directory to your project (if you'd like to adapt the components) or by installing it via NPM.

$ npm install mui-nested-menu

🛠 Exports

The following items and interfaces are exported from the package:

  • NestedDropdown - To create menu bar dropdowns.

  • ContextMenu - For a right-click menu.

  • IconMenuItem - A menu item which can take start and end icons.

  • NestedMenuItem - The actual nested menu component.

  • nestedMenuItemsFromObject({(items, isOpen, handleClose)}) - Utility function which returns a list of menu items from a given array of items in the object format you see in the samples. You can then manually put this inside a <Menu /> component.

  • MenuItemData - An interface for the menuItemsData prop.

💻 Contributing

Pull requests for the project are more than welcome. Please make sure to stick to the coding style used throughout the project.

  1. Clone the project from GitHub
  2. Create a new branch
  3. Make your changes
  4. Commit your changes
  5. Push your changes to the branch
  6. Open a pull request

Keywords

FAQs

Package last updated on 29 Apr 2022

Did you know?

Socket

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

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc