react-modal-custom-component v0.1.1

React Modal Custom Component

A customizable React modal component

Prerequisites

• npm
• react >=18.2.0
• styled-components >=5.3.6

Installation

    npm install react-modal-custom-component

Example

In this example, a button call the toggle modal function onClick that display the modal to the user.

import React from 'react';
import { Modal, useModal } from "react-modal-custom-component";


function App() {

  const { isShowing: showModal, toggle: toggleModal } = useModal();

  return (
    <div className="App">
      <button type="button" onClick={toggleModal}>Open the modal</button>
      <Modal
                isShowing={showModal}
                hide={toggleModal}
                text="Employee Created!"
                title="HRnet - Create Employee" />
    </div>
  );
}

ReactDOM.render(<App />, appElement);

Custom

Props