react-awesome-modal
Advanced tools
Comparing version 0.2.1 to 0.2.2
{ | ||
"name": "react-awesome-modal", | ||
"version": "0.2.1", | ||
"version": "0.2.2", | ||
"description": "This is a React Modal Component.", | ||
@@ -5,0 +5,0 @@ "main": "./lib/index", |
@@ -35,8 +35,8 @@ # React-AwesomeModal | ||
<h1>React-Modal Examples</h1> | ||
<input type="button" value="OPEN" onClick={this.openModal.bind(this)} /> | ||
<input type="button" value="Open" onClick={this.openModal.bind(this)} /> | ||
<Modal visible={this.state.visible} closeFn={this.closeModal.bind(this)} width="400" height="300" effect="fadeInUp"> | ||
<div> | ||
<h1>Title</h1> | ||
<p>Some Contenast</p> | ||
<a href="javascript:void(0);" onClick={this.closeModal.bind(this)}>閉じる</a> | ||
<p>Some Contents</p> | ||
<a href="javascript:void(0);" onClick={this.closeModal.bind(this)}>Close</a> | ||
</div> | ||
@@ -61,7 +61,8 @@ </Modal> | ||
- e.g. fadeInUp | ||
- width [option] | ||
- width | ||
- Number / option | ||
- to set modal width (px) | ||
- e.g. 500 | ||
- height [option] | ||
- height | ||
- Number / option | ||
- to set modal height (px) | ||
@@ -68,0 +69,0 @@ - e.g. 400 |
102
11887