p14-modale

A React confirmation modal component.

Installation

npm install p14-modale

Usage

import { ConfirmationModal } from "p14-modale";

function App() {
  const [isOpen, setIsOpen] = React.useState(false);

  return (
    <>
      <button onClick={() => setIsOpen(true)}>Open Modal</button>
      <ConfirmationModal
        isOpen={isOpen}
        onClose={() => setIsOpen(false)}
        title="Success!"
        message="Action completed successfully."
        confirmText="OK"
      />
    </>
  );
}

Props

| Name | Type | Default | Description | |--------------|------------|----------------------------------|-----------------------------------| | isOpen | boolean | — | Show/hide the modal | | onClose | function | — | Called when modal is closed | | title | string | "Success!" | Modal title | | message | string | "Action completed successfully." | Modal message | | confirmText | string | "OK" | Button text | | className | string | — | Custom class for modal container |