modal-stv-library

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 !