Modal-library
This is a modal library that you can use with an simple import directly with npm.
If you need, you can custom the background, the container of the modal and the text.
1. How to use it
To use it, it's simple, follow just the instructions below
1.1 Install the library on the root of your Project
npm install --save modal-stv-library
1.2 Import the modal
import Modal from "./modal-stv-library";
1.3 Then use the component
<Modal name="Your Text" />
1.4 Add style to the component as you want
This is an exemple if you need to change the style.
Copy this template and put your properties in Styles.
background => To change the position of the modal container, the color of the background, the opacity...
containerModal => To change the size, border... of the modal container.
text => to change the size, color of the text...
const styles = {
background: {
justifyContent: "right", Position of the modal window
backgroundColor: "red",
opacity: "0.7",
},
containerModal: {
width: "200px",
height: "70px",
border: "2px solid orange",
},
text: {
color: "red",
fontSize: "20px",
},
};
Enjoy !