rc-drawer-menu
Example
http://ant-motion.github.io/drawer-menu/examples/
Usage
;;; ReactDom;
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
onMaskClick
onIconClick
;
Development
npm install
npm start