modal-library-lfmi v1.0.1

modal-library

This is a customizable React modal

Installation

To install, you can use npm or yarn:

$ npm install modal-library-lfmi
$ yarn add modal-library-lfmi

Example

import React, { useState } from 'react';
import ConfirmationModal from 'modal-library-lfmi';
import close from '../assets/img/close.png';
import user from '../assets/img/user.png';

function App() {
  const [modalState, setModalState] = useState(false);
  const handleOpen = () => {
    setModalState(true);
  };
  const handleClose = (e) => {
    e.preventDefault();
    setModalState(false);
  };
  const handleSubmit = (e) => {
    e.preventDefault();
    handleOpen();
  };

  return (
    <ConfirmationModal
      show={modalState}
      defaultStyle={true}
      closeModal={handleClose}
      iconClose={close}
      title='Confirmation'
      hideTitle={false}
      icon={user}
      hideIcon={false}
      text='Confirmation message'
      hideText={false}
    />
  );
}

Props