From 42c1c01732370e0fb6d97fdc508254557761d6a6 Mon Sep 17 00:00:00 2001
From: Janis <mcjohn@inbox.lv>
Date: Sun, 17 Mar 2019 18:38:36 +0200
Subject: [PATCH] Update README.md

---
 README.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/README.md b/README.md
index 7b1268b..8976624 100644
--- a/README.md
+++ b/README.md
@@ -12,3 +12,16 @@
 ## Elements:
 - proScrollToTopButton
 - proHeading
+- proModalBox
+
+
+## Additional element usage
+### proModalBox
+After adding this element you will not see it because it is hidden by default. There is parameter "Open modal element selector" which you have to use to find the element which will trigger opening the Modal Box. Selector will be used via Javascript as a "querySelectorAll".
+Basic example to make it work:
+1. Add Pro Modal Box
+2. Copy 'pro-modal-box-1' from selector parameter within "selector" parameter
+3. Add Basic Button (it could be any other button)
+4. Paste the className in the Basic Buttons parameter - "Extra class name"
+5. Click on the button and you should see the Modal Box
+You can use more buttons to open the same Modal Box.