1.3.4 • Published 2 years ago

shigni-modale-p14-master v1.3.4

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

Modale P14

Modal Screenshot

Installation

npm i shigni-modale-p14-master

Parameters

You'll need to import useState from React and set the state first so the modal don't show and is able to reset

import React, { useState } from "react";
import Modal from 'shigni-modale-p14-master';

const [displayModal, setDisplayModal] = useState(false);
const [modalReset, setModalReset] = useState(false);

you can add a const to set css properties to the modal, all listed here

const modalParameter = {
	"backgroundColor": "#EEEEEE",   
	"borderRadius": 10,
	"boxShadow": "0 0 5px #1B1919",
	"color": "#1B1919",
	"fontSize": 18,
	"height": "fit-content",
	"padding": "20px 50px",
	"width": "fit-content"
}

than add the component to your project, add your function and parameters, you also can change the message,

<Modal
          key={modalReset}
          id="modal-created"
          showModal={displayModal}
          closeModal={() => setDisplayModal(false)}
          parameter={modalParameter}
          message="Example"
        />
1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.1.0

2 years ago

1.0.0

2 years ago