react-modern-drawer
Advanced tools
Comparing version 1.0.3 to 1.1.0
{ | ||
"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 |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
26781