uxcore-dropdown

TL;DR

dropdown ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-dropdown
$ cd uxcore-dropdown
$ npm install
$ gulp server

Usage

import Dropdown from 'uxcore-dropdown';
import Menu from 'uxcore-menu';
var menu = <Menu>
  <Menu.Item>
    <a target="_blank" href="http://www.alipay.com/">第一个菜单项</a>
  </Menu.Item>
  <Menu.Item>
    <a target="_blank" href="http://www.taobao.com/">第二个菜单项</a>
  </Menu.Item>
  <Menu.Item>
    <a target="_blank" href="http://www.tmall.com/">第三个菜单项</a>
  </Menu.Item>
</Menu>;

React.render(
	<Dropdown overlay={menu}>
		<button className="kuma-button kuma-button-sblue">hover触发</button>
	</Dropdown>,
	document.getElementById('target'));

demo

http://uxcore.github.io/uxcore/components/dropdown/

API

props

| 参数 | 说明 | 类型 | 默认值 | |----------------|--------------|---------------|-------------| | trigger | 触发下来行为 | array | ['hover'] | | overlay | 菜单节点 | react element | 无 | | onVisibleChange|当 visible 改变时触发|Function| noop | | visible |是否可见 | boolean | false | |