Overview

The material-ui-popup-state is a library that takes care of the boilerplate for common Menu, Popover, and Popper use cases. It provides a Custom React Hook that keeps track of the local state for a single popup, as well as functions to connect trigger, toggle, and popover/menu/popper components to the state. Additionally, it provides a Render Props Component that passes the state and mutation functions to a child render function.

Features

• Takes care of the boilerplate for common Menu, Popover, and Popper use cases.
• Provides a Custom React Hook that tracks the state for a single popup and connects components to the state.
• Provides a Render Props Component that passes the state and mutation functions to a child render function.

Installation

To use material-ui-popup-state, you need MUI version 5.0.0 or higher and React version 16.8.0 or higher. For MUI v4, you’ll need material-ui-popup-state@^1.9.3.

Summary

material-ui-popup-state is a library that simplifies the implementation of common menu, popover, and popper use cases in Material-UI. It provides a Custom React Hook and a Render Props Component that handle the local state for a single popup and provide functions to connect trigger, toggle, and popover/menu/popper components to the state. It is compatible with MUI v5.0.0 and React v16.8.0 or higher.