npmpackage.info

Gathering detailed insights and metrics for rc-drawer-menu

Other packages similar to rc-drawer-menu

rc-drawer

7.3.0

drawer component for react

dw-neit-rc-drawer

7.2.0

drawer component for react

@rc-component/drawer

1.1.0

drawer component for react

resizable-rc-drawer

1.1.0

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Gathering detailed insights and metrics for rc-drawer-menu

rc-drawer-menu - 1.1.0 | npmpackage.info

rc-drawer-menu

React Drawer

1.1.0

421

MIT

TypeScript

4.1

Installations

npm install rc-drawer-menu

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.10.0

NPM Version

6.0.1 Pull Requests

Open

11

Total

424

Closed

306

Merged

107

Issues

Open

26

Total

90

Closed

64

Releases

v7.3.0

Updated on May 30, 2025

@rc-component/drawer@1.1.0

Updated on May 19, 2025

@rc-component/drawer@1.0.0

Updated on Feb 26, 2025

v8.0.0

Updated on Jan 08, 2025

v7.2.0

Updated on May 30, 2024

v7.1.0

Updated on Feb 07, 2024

View All 57 releases

Languages

TypeScript

Less

JavaScript

TypeScript (82.85%)

Less (14.18%)

JavaScript (2.96%)

Developer

ant-motion

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

421 Stars

473 Commits

99 Forks

20 Watchers

16 Branches

48 Contributors

Updated on Jul 07, 2025

Maintainers

View All 48 Contributors

Package Meta Information

Latest Version

1.1.0

Package Id

rc-drawer-menu@1.1.0

Size

77.05 kB

NPM Version

6.0.1

Node Version

8.10.0

Published on

May 30, 2018

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

babel-runtime classnames prop-types

Dev Dependencies

antd core-js expect.js pre-commit precommit-hook rc-dialog rc-test rc-tools react react-dom

rc-drawer-menu

Example

http://react-component.github.io/drawer-menu/examples/

Usage

1import Drawer from 'rc-drawer-menu';
2import React from 'react';
3import ReactDom from 'react-dom';
4
5ReactDom.render(
6  <Drawer>
7    {menu children}
8  </Drawer>
9, 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	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

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

4

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

3

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

4.1

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More