react-awesome-modal
Advanced tools
Comparing version 1.0.1 to 1.0.2
{ | ||
"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 |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
13922
96
0