0.5.3 • Published 8 years ago
rc-drawer-menu-fix v0.5.3
rc-drawer-menu
Example
http://ant-motion.github.io/drawer-menu/examples/
Usage
import Drawer from 'rc-drawer-menu';
import React from 'react';
import ReactDom from 'react-dom';
ReactDom.render(
<Drawer>
{menu children}
</Drawer>
, mountNode);Install
Browser Support
![]() | ![]() | ![]() | ![]() | ![]() |
|---|---|---|---|---|
| IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
API
| props | type | default | description |
|---|---|---|---|
| className | string | drawer | - |
| openClassName | string | drawer-open | open className |
| wrapperClassName | string | null | wrapper class name |
| iconChild | boolean / ReactElement / Array | true | true or false or ReactElement or Array(ReactElement, ReactElement) => close, open |
| open | boolean | false | open or close menu |
| defaultOpen | boolean | false | default open menu |
| width | string | 60vw | children width |
| placement | string | left | left or right |
| level | string or array | all | With the drawer level element. all/ null / className / id / tagName / array |
| levelTransition | string | transform .3s cubic-bezier(0.78, 0.14, 0.15, 0.86) | level css transition |
| parent | string | body | parent element. if is null use React.creactElement |
| onChange | func | null | change callback(open) |
| onMaskClick | func | null | mask close click function |
| onIconClick | func | nul | icon click function |
0.5 onSwitch split into
onMaskClickonIconClick;
Development
npm install
npm start0.5.3
8 years ago





