akcel-ui v0.2.1

AKCEL-UI

Description

This plugin is for the last project of OpenClassrooms "Front-End" formation .

How to install ?

npm i akcel-ui

How to use ?

1. Import the plugin in your project like this :

import Modal from "akcel-ui";

2. The state :

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

3. In the return :

<Modal
  key={modalReset}
  id="modal-created"
  showModal={displayModal}
  closeModal={() => setDisplayModal(false)}
  style={modalStyle}
  message="Employee Created !"
/>

Personalize

1. Put this into your component :

const modalStyle = {
  backgroundColor: "#1B1919",
  boxShadow: "0 0 5px #1B1919",
  color: "#FFFFFF",
  fontSize: 18,
  height: "fit-content",
  padding: "20px 50px",
  width: "fit-content",
};