1.1.1 • Published 6 years ago
react-animated-modal v1.1.1
Demo
Installation:
npm install --save react-animated-modal
Usage
import React from "react";
import Modal from "react-animated-modal";
export default class App extends React.Component {
state = {
showModal: false
};
render() {
return (
<div>
<Modal
visible={this.state.showModal}
closemodal={() => this.setState({ showModal: false })}
type="flipInX"
>
Some text or JSX inside modal goes here...
</Modal>
<div onClick={() => this.setState({ showModal: true })}>
Open Modal
</div>
</div>
);
}
}
Accepted props
Prop name | Type | Accepted values |
---|---|---|
closemodal() (required) | function | -- |
visible (required) | boolean | true / false |
type | enum | pulse, rubberBand, shake, swing, tada, wobble, jello, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, fadeIn, fadeInDown, fadeInLeft, fadeInRight, fadeInUp, flip, flipInX, flipInY, lightSpeedIn, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, slideInUp, slideInDown, slideInLeft, slideInRight, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, hinge, jackInTheBox, rollIn, bounce, flash |
I will be adding more props soon. All PRs are welcome!
Cheers!!!
1.1.1
6 years ago
1.1.0
6 years ago
1.0.33
6 years ago
1.0.32
6 years ago
1.0.31
6 years ago
1.0.30
6 years ago
1.0.29
6 years ago
1.0.28
6 years ago
1.0.27
6 years ago
1.0.26
6 years ago
1.0.24
6 years ago
1.0.23
6 years ago
1.0.22
6 years ago
1.0.21
6 years ago
1.0.20
6 years ago
1.0.19
6 years ago
1.0.18
6 years ago
1.0.17
6 years ago
1.0.16
6 years ago
1.0.15
6 years ago
1.0.14
6 years ago
1.0.13
6 years ago
1.0.12
6 years ago
1.0.11
6 years ago
1.0.10
6 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago