New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-awesome-modal

Package Overview
Dependencies
Maintainers
1
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-awesome-modal - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

package.json
{
"name": "react-awesome-modal",
"version": "1.0.1",
"version": "1.0.2",
"description": "This is a React Modal Component.",

@@ -5,0 +5,0 @@ "main": "./lib/index",

@@ -40,3 +40,3 @@ # react-awesome-modal

<input type="button" value="Open" onClick={this.openModal.bind(this)} />
<Modal visible={this.state.visible} width="400" height="300" effect="fadeInUp">
<Modal visible={this.state.visible} width="400" height="300" effect="fadeInUp" onClickAway={this.closeModal.bind(this)}>
<div>

@@ -55,8 +55,9 @@ <h1>Title</h1>

## Props
| Attribute | Required | Type | description | example |
|:----------|:---------|:--------|:---------------------------|:-----------------------------|
| visible | required | Boolean | to show or hide the dialog | - |
| effect | option | String | to set how to pop-up | fadeInUp, fadeInDown, etc... |
| width | option | Number | to set modal width (px) | 500 |
| height | option | Number | to set modal height (px) | 400 |
| Attribute | Required | Type | description | example |
|:------------|:---------|:---------|:--------------------------------------------|:-----------------------------|
| visible | required | Boolean | to show or hide the dialog | false |
| effect | option | String | to set how to pop-up | fadeInUp, fadeInDown, etc... |
| width | option | Number | to set modal width (px) | 500 |
| height | option | Number | to set modal height (px) | 400 |
| onClickAway | option | Function | to set actions when the user click the mask | - |

@@ -63,0 +64,0 @@ ## Effect

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