engram-popup 0.1.6 → 0.1.7

package/README.md

@@ -9,21 +9,29 @@ Install the package via npm:
 
 ```bash
 npm i engram-popup
+```
+
 Usage
+
 1. Import the library
 In your main JavaScript/TypeScript file:
 
-javascript
+```bash
 // Import styles
 import 'engram-popup/dist/index.css';
 
 // Import JavaScript functionality
 import { popup } from 'engram-popup';
+
+```
+
 2. Create a popup
 Add a div element with the data-engram-popup attribute to your HTML:
 
-html
+```bash
 <div class="your-popup-class" data-engram-popup="unique-popup-name"></div>
+```
+
 Important notes:
 
 Use a unique value for the data-engram-popup attribute (e.g., login-popup, contact-form)
@@ -35,12 +43,15 @@ Add your own CSS class (like your-popup-class) to style the popup (dimensions, b
 3. Create a trigger button
 Add a button (or any other element) with the data-engram-button attribute:
 
-html
+```bash
 <button data-engram-button="unique-popup-name">Open Popup</button>
+```
+
 The value of data-engram-button must match the value of the corresponding data-engram-popup attribute.
 
 Complete Example
-html
+
+```bash
 <!-- Trigger button -->
 <button data-engram-button="test-popup">Open Modal</button>
 
@@ -49,10 +60,10 @@ html
   <h2>Popup Content</h2>
   <p>This is your custom popup content.</p>
 </div>
-Styling
+```
 Add your own CSS classes to customize the appearance of your popups:
 
-css
+```bash
 .custom-popup-style {
   width: 400px;
   background: white;
@@ -60,6 +71,8 @@ css
   border-radius: 8px;
   /* Add your custom styles here */
 }
+```
+
 Notes
 You can add as many popups as needed on a single page
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "engram-popup",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "private": false,
   "description": "A lightweight and dependency-free JavaScript library for creating popups and modals. Works via npm and CDN, and fits projects of any size — from simple landing pages to complex SPA applications.",