---
name: Menu
menu: Components
---
# Menu
import Menu, {MenuItem, MenuWrapper} from './index'
import { menuContext } from './lib/context';
import './style/index.scss'
import { Playground, Props } from 'docz'
## Props & Methods
### Menu
### MenuItem
### MenuWrapper
## Basic Usage
{() => {
class Example extends React.Component{
constructor(props) {
super(props);
this.onClick = this.onClick.bind(this);
this.onClickSubMenu = this.onClickSubMenu.bind(this);
}
onClick(e, itemKey){
alert(`click menu item: ${itemKey}`);
}
onClickSubMenu(e, itemKey){
alert(`click menu title: ${itemKey}`);
}
render() {
return (
}>
Submenu
);
}
}
return
}
}
## Horizontal
{() => {
class Example extends React.Component{
constructor(props) {
super(props);
this.onClick = this.onClick.bind(this);
this.onClickSubMenu = this.onClickSubMenu.bind(this);
}
onClick(e, itemKey){
alert(`click menu item: ${itemKey}`);
}
onClickSubMenu(e, itemKey){
alert(`click menu title: ${itemKey}`);
}
render() {
return (
}>
Submenu
);
}
}
return
}
}