dropdown ui component for react
$ git clone https://github.com/uxcore/uxcore-dropdown
$ cd uxcore-dropdown
$ npm install
$ gulp server
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'));
http://uxcore.github.io/uxcore/components/dropdown/
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
trigger | 触发下来行为 | array | ['hover'] |
overlay | 菜单节点 | react element | 无 |
onVisibleChange | 当 visible 改变时触发 | Function | noop |
visible | 是否可见 | boolean | false |
|