Add badge class

CGWebDev2003 · CGWebDev2003 · commit 44bbb3d22301 · 2023-05-20T00:31:49.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,2 @@
 /node_modules/
-/dev_example/
+test.js
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,4 +11,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
--
+- Badge class
+- Button class
diff --git a/index.html b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
+       
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@neptune-css/neptune@0.8.3/neptune.css">
+        <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
+        <title>JavaScript API | Neptune examples</title>
+   </head>
+   <body>
+       
+        <div class="myElement" id="element"></div>
+
+        <script type="module" src="./test.js"></script>  
+   </body>
+</html>
diff --git a/javascriptAPI.js b/javascriptAPI.js
diff --git a/neptune.js b/neptune.js
@@ -0,0 +1,48 @@
+/**
+ * @class Badge
+ * @description Create a new Neptune Badge
+ * 
+ * @param {any} config Add your configuration
+ * 
+ * parent -> class or id of your target element, when null its document.body
+ * 
+ * text -> content of your badge
+ * 
+ * size -> s, m, l
+ * 
+ * style -> primary, accent, information, success, warning, error
+ * 
+ * @example
+ * const myBadge = new Badge({
+ *  parent: "#container",
+ *  text: "My Badge",
+ *  size: "m",
+ *  style: "primary"
+ * });
+ */
+export class Badge {
+    constructor(config) {
+        // Create Badge
+        const newBadge = document.createElement('span');
+        newBadge.classList.add('badge');
+        newBadge.innerText = config.text;
+
+        // Setup Size
+        if (config.size != null) {
+            newBadge.classList.add('badge-' + config.size);
+        }
+
+        // Setup Style
+        if (config.style != null) {
+            // Setup Style
+            newBadge.classList.add('badge-' + config.style);
+        }
+
+        // Append badge to DOM
+        if (config.parent != null) {
+            document.querySelector(config.parent).appendChild(newBadge)
+        } else {
+            document.body.appendChild(newBadge);
+        }
+    }
+}
diff --git a/src/elements/createDiv.js b/src/elements/createDiv.js

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`/node_modules/`
`2`		`-/dev_example/`
	`2`	`+test.js`