Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-modern-drawer

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-modern-drawer - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0

2

package.json
{
"name": "react-modern-drawer",
"version": "1.0.3",
"version": "1.1.0",
"description": "Creating drawers in react made easy!",

@@ -5,0 +5,0 @@ "author": "Farzin-Firoozi",

@@ -5,3 +5,3 @@ # react-modern-drawer

[![NPM](https://img.shields.io/npm/v/react-modern-drawer.svg)](https://www.npmjs.com/package/react-modern-drawer) ![npm](https://img.shields.io/npm/dt/react-modern-drawer)![npm](https://img.shields.io/npm/dw/react-modern-drawer)![npm bundle size (version)](https://img.shields.io/bundlephobia/min/react-modern-drawer/0.1.0)![npm bundle size (version)](https://img.shields.io/bundlephobia/minzip/react-modern-drawer/0.1.0)![NPM](https://img.shields.io/npm/l/react-modern-drawer)
[![NPM](https://img.shields.io/npm/v/react-modern-drawer.svg)](https://www.npmjs.com/package/react-modern-drawer) ![npm](https://img.shields.io/npm/dt/react-modern-drawer)![npm](https://img.shields.io/npm/dw/react-modern-drawer)![npm bundle size (version)](https://img.shields.io/bundlephobia/min/react-modern-drawer/1.1.0)![npm bundle size (version)](https://img.shields.io/bundlephobia/minzip/react-modern-drawer/1.1.0)![NPM](https://img.shields.io/npm/l/react-modern-drawer)

@@ -63,16 +63,16 @@ ## low bundle size with fantastic performance

| api | type | required | default | value | desciption |
| -------------- | ------------------- | -------- | --------- | --------------------------------- | ------------------------------------------------------------------------------------------- |
| direction | string | yes | "right" | "right" , "left" , "top","bottom" | Selecting the direction that drawer opens |
| open | boolean | yes | false | true , false | Select when to show drawer |
| onClose | function | no | ( )=>{ } | any executable function | This function is called when clicking on backdrop layer usually used for closing the drawer |
| size | number | no | 250 | Any positive Integer | Determines the size of drawer in pixels |
| style | React.CSSProperties | no | null | Normal stylings | Can be used for inline styles |
| duration | number | no | 300 | Any positive Integer | Determines the duration of opening the drawer |
| overlayOpacity | number | no | 0.4 | Number between 0 and 1 | Determines the opacity of overlay |
| overlayColor | string | no | "#000" | Any color code | Determines the color of overlay |
| enableOverlay | boolean | no | true | true , false | Determines whether to show the overlay |
| zIndex | number | no | 100 | Any positive Integer | Determines the zIndex of drawer |
| children | React.ReactNode | no | null | Any ReactNode | This is the same as props.children |
| className | string | no | undefined | - | normal regular classNames and stuff |
| api | type | required | default | value | desciption |
| -------------- | ------------------- | -------- | --------- | ----------------------------------------- | ------------------------------------------------------------------------------------------- |
| direction | string | yes | "right" | "right" , "left" , "top","bottom" | Selecting the direction that drawer opens |
| open | boolean | yes | false | true , false | Select when to show drawer |
| onClose | function | no | ( )=>{ } | any executable function | This function is called when clicking on backdrop layer usually used for closing the drawer |
| size | number or string | no | 250 | integer or '{integer}px' or '{integer}vw' | Determines the size of drawer |
| style | React.CSSProperties | no | null | Normal stylings | Can be used for inline styles |
| duration | number | no | 300 | Any positive Integer | Determines the duration of opening the drawer |
| overlayOpacity | number | no | 0.4 | Number between 0 and 1 | Determines the opacity of overlay |
| overlayColor | string | no | "#000" | Any color code | Determines the color of overlay |
| enableOverlay | boolean | no | true | true , false | Determines whether to show the overlay |
| zIndex | number | no | 100 | Any positive Integer | Determines the zIndex of drawer |
| children | React.ReactNode | no | null | Any ReactNode | This is the same as props.children |
| className | string | no | undefined | - | normal regular classNames and stuff |

@@ -79,0 +79,0 @@ ## Support

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc