@clipmx/menu

0.0.10 • Public • Published

Clip Menu

Installation

npm install @clipmx/menu --save

Usage

import React from 'react';
import Button from '@clipmx/button';
import Menu, { MenuItem } from '@clipmx/menu';

class MyComponent extends React.Component {
  state = { anchor: null };

  handleMenuOpen = e => this.setState({ anchor: e.target });

  handleMenuClose = () => this.setState({ anchor: null });

  render() {
    return (
      <div>
        <Button onClick={this.handleMenuOpen}>Open Menu</Button>
        <Menu
          anchorEl={this.state.anchor}
          open={Boolean(this.state.anchor)}
          onClose={this.handleMenuClose}
        >
          <MenuItem>Item 1</MenuItem>
          <MenuItem>Item 1</MenuItem>
          <MenuItem>Item 1</MenuItem>
        </Menu>
      </div>
    );
  }
}

export default MyComponent;

Props

This is a wrapper of the Material-UI Menu, so you can use any props that Material-UI supports.

Readme

Keywords

none

Package Sidebar

Install

npm i @clipmx/menu

Weekly Downloads

1

Version

0.0.10

License

none

Unpacked Size

4.67 kB

Total Files

7

Last publish

Collaborators

  • akira_fes
  • itpayclip
  • dhollerbach