{"repo":"jcoreio/material-ui-popup-state","free":true,"listed":false,"github":"https://github.com/jcoreio/material-ui-popup-state","clone":"git clone https://github.com/jcoreio/material-ui-popup-state.git","description":"boilerplate for common Material-UI Menu, Popover and Popper use cases","language":"TypeScript","stars":475,"topics":["material-ui","popup","popover","menu","popper","boilerplate","render-props"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"material-ui-popup-state Takes care of the boilerplate for common Menu, Popover and Popper use cases. Provides a Custom React Hook that keeps track of the local state for a single popup, and functions to connect trigger, toggle, and popover/menu/popper components to the state. Also provides a Render Props Component that keeps track of the local state for a single popup, and passes the state and mutation functions to a child render function. Requirements Requires MUI = 5.0.0 and React = 16.8.0. For MUI v4 you'll need material-ui-popup-state@^1.9.3 . Table of Contents - material-ui-popup-state - Requirements - Table of Contents - Installation - Examples with React Hooks - Menu - Popover - Popper - React Hooks API - Bind Functions - usePopupState - usePopupState Props - variant ( 'popover' , 'popper' , or 'dialog' , required ) - popupId ( string , optional ) - disableAutoFocus ( boolean , optional ) - usePopupState return value - Examples with Render Props - Menu - Popover - Mouse Over Interaction - Popper - Render Props API - Bind Functions - PopupState Props - variant ( 'popover' , 'popper' , or 'dialog' , required ) - popupId ( string , optional ) - disableAutoFocus ( boolean , optional ) - children ( (popupState: InjectedProps) = ?React.Node , required ) - Using Popover and Menu with bindHover - Chaining event handlers - Chaining event handlers manually - Using material-ui-popup-state/chainEventHandlers Installation Examples with React Hooks Menu Popover Popper React Hooks AP","default_branch":null,"files":null,"tree":[],"storefront":"/r/jcoreio","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jcoreio/material-ui-popup-state/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}