bee-dropdown
Version:
dropdown ui component for react
45 lines (32 loc) • 1.28 kB
Markdown
# 下拉按钮 Dropdown
以条形菜单栏和菜单栏中每个菜单项的弹出菜单窗口两部分组成,一般作为应用系统的主菜单使用。
## 何时使用
可作为下拉菜单等使用
## 如何使用
```
import { Dropdown } from 'tinper-bee';
or
import Dropdown from 'bee-dropdown';
import 'bee-dropdown/build/Dropdown.css';
```
## 代码演示
## API
|参数|说明|类型|默认值|
|:--|:---|:----|:---|
|transitionName|下拉显示动画|-|-|
|trigger|触发的事件数组|array|['hover']|
|placement|触发的位置|支持bottomLeft/bottomCenter/bottomRight/topLeft/topCenter/topRight|'bottomLeft'|
|overlay|要显示的菜单|element/reactComponent|-|
|animation|触发时的动画|string|-|
|overlayClassName|传递给弹出菜单的className|string|''|
|align|对齐方式|object|{}|
|overlayStyle|传递给弹出菜单的style|object|{}|
|onVisibleChange|下拉菜单显示与否的钩子函数|function|() => {}|
|showAction|显示时的钩子函数数组|array|[]|
|hideAction|隐藏时的钩子函数数组|array|[]|
|getPopupContainer|获取要添加的容器|document.body|
|getDocument|点击隐藏的document,适用于出现iframe的情况|function|document|
|disabled|是否禁用|bool|false|
## 注意事项
暂无
## 更新日志