rc-menu

rc-menu

react menu component. port from https://github.com/kissyteam/menu

Screenshot

Usage

var Menu = require('rc-menu');
var SubMenu = Menu.SubMenu;
var MenuItem = Menu.Item;
React.render(<Menu>
  <MenuItem>1</MenuItem>
  <SubMenu title="2">
  <MenuItem>2-1</MenuItem>
  </SubMenu>
</Menu>, container);

install

API

Menu props

name	type	default	description
className	String		additional css class of root dom node
activeKey	Object	first active item's key	same with active tabPanel's key
activeFirst	Boolean	false	whether active first menu item when show if activeKey is not set
multiple	Boolean	false	whether allow multiple select
selectedKeys	String[]	[]	selected keys of items
onSelect	function(key:String,child:ReactComponent)		called when select a menu item
onDeselect	function(key:String,child:ReactComponent)		called when deselect a menu item
onSelect	Function(key:String)		function called with selected menu item's key as param

Menu.Item props

name	type	default	description
className	String		additional css class of root dom node
disabled	Boolean	false	no effect for click or keydown for this item
key	Object		corresponding to activeKey

Menu.SubMenu props

name	type	default	description
className	String		additional css class of root dom node
title	String/ReactElement		sub menu's content
key	Object		corresponding to activeKey
disabled	Boolean	false	no effect for click or keydown for this item
openOnHover	Boolean	true	whether show second sub menu on hover

Menu.Divider props

none

Menu.ItemGroup props

name	type	default	description
title	String|React.Element		title of item group
children	React.Element[]		MenuItems belonged to this group

Development

npm install
npm start

Example

http://localhost:8001/examples/index.md

online example: http://react-component.github.io/menu/examples/

Test Case

http://localhost:8000/tests/runner.html?coverage

Coverage

http://localhost:8000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage

License

rc-menu is released under the MIT license.