rc-drawer-menu

drawer menu animation component for react

rc-drawer-menu is deprecated, please use rc-drawer instead.
Last updated 2 years ago by jljsj33 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install rc-drawer-menu 
SYNC missed versions from official npm registry.

rc-drawer-menu


NPM version build status Test coverage node version npm download

Example

http://react-component.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

rc-drawer-menu

Browser Support

IE Chrome Firefox Opera Safari
IE 10+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

API

props type default description
className string null -
prefixCls string 'drawer' prefix class
wrapperClassName string null wrapper class name
open boolean false open or close menu
defaultOpen boolean false default open menu
handleChild boolean / ReactElement true true or false or ReactElement
handleStyle object null handle style
placement string left left top right bottom
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
getContainer string body Return the mount node for Drawer. if is null use React.creactElement
showMask boolean true mask is show
maskStyle object null mask style
onChange func null change callback(open)
onMaskClick func null mask close click function
onHandleClick func nul handle icon click function

1.0 remove openClassName width, update iconChild -> handleChild onIconClick -> onHandleClick parent -> getContainer, add handleStyle showMask.

Development

npm install
npm start

Current Tags

  • 1.1.0                                ...           latest (2 years ago)

24 Versions

  • 1.1.0 [deprecated]           ...           2 years ago
  • 1.0.2 [deprecated]           ...           2 years ago
  • 1.0.1 [deprecated]           ...           2 years ago
  • 1.0.0 [deprecated]           ...           2 years ago
  • 0.5.7 [deprecated]           ...           3 years ago
  • 0.5.6 [deprecated]           ...           3 years ago
  • 0.5.5 [deprecated]           ...           3 years ago
  • 0.5.4 [deprecated]           ...           3 years ago
  • 0.5.3 [deprecated]           ...           3 years ago
  • 0.5.2 [deprecated]           ...           3 years ago
  • 0.5.1 [deprecated]           ...           3 years ago
  • 0.5.0 [deprecated]           ...           3 years ago
  • 0.4.0 [deprecated]           ...           3 years ago
  • 0.3.5 [deprecated]           ...           3 years ago
  • 0.3.4 [deprecated]           ...           3 years ago
  • 0.3.3 [deprecated]           ...           3 years ago
  • 0.3.2 [deprecated]           ...           3 years ago
  • 0.3.1 [deprecated]           ...           3 years ago
  • 0.3.0 [deprecated]           ...           3 years ago
  • 0.2.0 [deprecated]           ...           3 years ago
  • 0.1.3 [deprecated]           ...           3 years ago
  • 0.1.2 [deprecated]           ...           3 years ago
  • 0.1.1 [deprecated]           ...           3 years ago
  • 0.1.0 [deprecated]           ...           3 years ago

Copyright 2014 - 2017 © taobao.org |