HRnet Modal Component - Simple React modal dialog

A simple React modal component.

Installation

npm install @lionel-ocs/hrnet-modal

Usage

import React, { useState } from 'react';
import Modal from '@lionel-ocs/hrnet-modal';

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

  return (
    <div>
      <button onClick={() => setIsOpen(true)}>
        Open Modal
      </button>
      
      <Modal 
        isOpen={isOpen} 
        onClose={() => setIsOpen(false)}
      >
        <h2>Modal Title</h2>
        <p>Modal content.</p>
      </Modal>
    </div>
  );
}

Props

isOpen Controls modal visibility onClose Callback when modal closes modalContent Modal content

Features

• Escape key to close
• Clic outside to close

License

MIT