<h1 align="center">Welcome to One Dionys - Modal Dialog Component! 👋 </h1>

<p align="center">A component to display a modal dialog with additional messages or content. 💖 </p>

<p align="center">
<img src="https://img.shields.io/github/contributors/onedionys/onedionys-modal-dialog-component?style=flat-square">
<img src="https://img.shields.io/github/issues/onedionys/onedionys-modal-dialog-component?style=flat-square">
<img src="https://img.shields.io/github/stars/onedionys/onedionys-modal-dialog-component?style=flat-square"> 
<img src="https://img.shields.io/github/forks/onedionys/onedionys-modal-dialog-component?style=flat-square">
<img src="https://img.shields.io/github/last-commit/onedionys/onedionys-modal-dialog-component.svg?style=flat-square">
<img src="https://img.shields.io/github/languages/code-size/onedionys/onedionys-modal-dialog-component?style=flat-square">
<img src="https://img.shields.io/github/license/onedionys/onedionys-modal-dialog-component?style=flat-square">
</p>

## 💾 Requirements

* `Web Browser` - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
* `Internet` - Because many use CDN and to make it easier to find solutions to all problems.

## 🎯 How To Use

#### Example Syntax

```javascript
// Import ModalDialog class
const ModalDialog = require('./src/modal-dialog');

// Create a new modal dialog instance
const modal = new ModalDialog('Example Modal', 'This is an example modal');

// Open the modal dialog
modal.open();

// Close the modal dialog
modal.close();
```

#### Explanation

* This package provides a simple Modal Dialog Component that can be used to display modal dialogs in web applications. It includes methods to open and close the modal dialog.

#### Return Value

* The `open()` method opens the modal dialog, while the `close()` method closes it.

## 📆 Release Date

* v1.0.0 : 08 March 2024
* v1.0.1 : 11 March 2024
* v4.0.0 : 11 March 2024
* v4.0.1 : 13 March 2024
* v4.0.2 : 18 March 2024
* v5.0.0 : 31 March 2024

## 🧑 Author

* Facebook : <a href="https://www.facebook.com/theonedionys"> Oned Ionys</a>
* Instagram : <a href="https://www.instagram.com/onedionys/"> @onedionys</a>
* Twitter : <a href="https://twitter.com/onedionys"> @onedionys</a>
* LinkedIn :  <a href="https://www.linkedin.com/in/onedionys/"> @onedionys</a>

## 📝 License

* Copyright © 2024 One Dionys
* **One Dionys - Modal Dialog Component is an open source project licensed under the MIT license**

## ☕️ Suppport & Donation

Love One Dionys - Modal Dialog Component? Support this project by donating or sharing with others in need.

<a href="https://www.buymeacoffee.com/onedionys"><img src="https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"/> </a>

**Made with ❤️ One Dionys**
