Skip to content

HriBB/react-mdl-portal-menu

Repository files navigation

React-MDL Portal Menu

Deprecated! Use Menu component from react-mdl-extra

Portal Menu component for React Material Design Lite. Menu is rendered to the body, so no more parent overflow:hidden problems ;)

Installation

npm install --save react-mdl-portal-menu

Examples

https://hribb.github.io/react-mdl-portal-menu/

git clone https://github.com/HriBB/react-mdl-portal-menu
cd react-mdl-portal-menu
npm install
npm run storybook
open http://localhost:9002/

Usage

<Menu target={<Button style={{margin:'20px'}}>Open menu</Button>}>
  <MenuItem onClick={() => console.log('select one')}>One</MenuItem>
  <MenuItem onClick={() => console.log('select two')}>Two</MenuItem>
  <MenuItem onClick={() => console.log('select three')}>Three</MenuItem>
</Menu>

TODO

  • Add some tests
  • Pray for a good Menu component in mdl v2

Component boilerplate

Using react-component-boilerplate with some modifications and improvements.