my-oc-react-modal-component

This is a react modale component for an OpenClassrooms project.

Prerequisites

• Node v20.4.0
• npm v9.7.2
• Your favorite code editor

How to use

Install the package

npm i my-oc-react-modal-component

Example

import { Modale } from 'my-oc-react-modal-component';

function MyComponent() {

  const [isActive, setIsActive] = useState(false);

  function closeModale() {
    setIsActive(false);
  }
  return (

    <Modale 
      enableClose={ true }
      title="Title content"
      content="Text content"
      titleClass="title_class"
      contentClass="content_class"
      onClose={ closeModale }
      isActive={ isActive }
    />
  )
}

Props

| Prop | Type | Description | | :-------- | :------- | :------------------------- | | isActive | boolean | Activate/Deactivate the modale | | onClose | function | Toggle the modale | | enableClose | boolean | Showing a close buttonn | | title | string | Modale title | | content | string | Modale content | | titleClass | string | Title's class | | contentClass | string | Content's class |

License

MIT