Init

neilveil · Mar 10, 2024 · 1932737 · 1932737
commit 1932737
Show file tree

Hide file tree

Showing 105 changed files with 24,007 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" />
+    <link rel="icon" href="/mumpui/logo.png" />
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />
+    <meta name="robots" content="noindex,nofollow" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="robots" content="index, follow" />
+    <title></title>
+    <meta name="description" content="" />
+    <meta name="keywords" content="" />
+    <link rel="canonical" href="" />
+    <meta name="author" content="Neil Arya" />
+    <meta property="og:title" content="" />
+    <meta property="og:description" content="" />
+    <meta property="og:image" content="" />
+    <script type="module" crossorigin src="/mumpui/assets/index-8e3bd0be.js"></script>
+    <link rel="stylesheet" href="/mumpui/assets/index-36825146.css">
+  </head>
+  <body class="mumpui">
+    <div id="root"></div>
+
+    <script src="/mumpui/prism.js" data-manual></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.umd.min.js"></script>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-PX5R7EM6C1"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+      gtag('config', 'G-PX5R7EM6C1')
+    </script>
+  </body>
+</html>
diff --git a/assets/index-079d9435.css b/assets/index-079d9435.css
diff --git a/assets/index-102c3e30.js b/assets/index-102c3e30.js
diff --git a/assets/index-2100cb2f.js b/assets/index-2100cb2f.js
diff --git a/assets/index-2e78f814.js b/assets/index-2e78f814.js
diff --git a/assets/index-2eb4ae64.js b/assets/index-2eb4ae64.js
diff --git a/assets/index-3299e498.js b/assets/index-3299e498.js
diff --git a/assets/index-3607f126.js b/assets/index-3607f126.js
diff --git a/assets/index-36825146.css b/assets/index-36825146.css
diff --git a/assets/index-47f7ce87.js b/assets/index-47f7ce87.js
diff --git a/assets/index-49260232.js b/assets/index-49260232.js
diff --git a/assets/index-592d044d.js b/assets/index-592d044d.js
diff --git a/assets/index-5e2e97d2.js b/assets/index-5e2e97d2.js
diff --git a/assets/index-5eaba369.js b/assets/index-5eaba369.js
diff --git a/assets/index-6619bb4d.css b/assets/index-6619bb4d.css
diff --git a/assets/index-84314c57.js b/assets/index-84314c57.js
diff --git a/assets/index-8d26f01b.css b/assets/index-8d26f01b.css
diff --git a/assets/index-8e3bd0be.js b/assets/index-8e3bd0be.js
diff --git a/assets/index-91068be4.css b/assets/index-91068be4.css
diff --git a/assets/index-92847b63.js b/assets/index-92847b63.js
diff --git a/assets/index-a9aa93f9.js b/assets/index-a9aa93f9.js
diff --git a/assets/index-b713c30e.js b/assets/index-b713c30e.js
diff --git a/assets/index-b8bff0bc.js b/assets/index-b8bff0bc.js
diff --git a/assets/index-ba28f421.css b/assets/index-ba28f421.css
diff --git a/assets/index-bfb3c98b.js b/assets/index-bfb3c98b.js
diff --git a/assets/index-cdac2d24.css b/assets/index-cdac2d24.css
diff --git a/assets/index-cf6a342a.css b/assets/index-cf6a342a.css
diff --git a/assets/index-d3abe070.css b/assets/index-d3abe070.css
diff --git a/assets/index-d8902a74.js b/assets/index-d8902a74.js
diff --git a/assets/index-dca28131.css b/assets/index-dca28131.css
diff --git a/assets/index-fde7f89e.css b/assets/index-fde7f89e.css
diff --git a/component/button.html b/component/button.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html><html lang="en"><head>
+    <meta charset="utf-8">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="icon" href="/mumpui/logo.png">
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
+    <meta name="robots" content="noindex,nofollow">
+    <meta name="theme-color" content="#000000">
+    <meta name="robots" content="index, follow">
+    <title>MumpUI / Component / Button</title>
+    <meta name="description" content="The Button component is a fundamental element for user interaction, allowing to trigger actions with a simple click. It's highly customizable and can be tailored to fit your design needs.">
+    <meta name="keywords" content="button,ui-button,clickable-element,interactive-component">
+    <link rel="canonical" href="https://neilveil.github.io/mumpui/component/button">
+    <meta name="author" content="Neil Arya">
+    <meta property="og:title" content="MumpUI / Component / Button">
+    <meta property="og:description" content="The Button component is a fundamental element for user interaction, allowing to trigger actions with a simple click. It's highly customizable and can be tailored to fit your design needs.">
+    <meta property="og:image" content="https://neilveil.github.io/mumpui/logo.png">
+    <link rel="stylesheet" href="/mumpui/prism.css">
+    <script type="module" crossorigin="" src="/mumpui/assets/index-d8902a74.js"></script>
+    <link rel="stylesheet" href="/mumpui/assets/index-ba28f421.css">
+  </head>
+  <body data-theme="light">
+    <div id="root"><div class="mumpui mp-message"></div><div class="_main_1nk72_1"><div><div class="_header_1nk72_34"><div class="_row_1nk72_38"><div class="_icon_1nk72_43"><span class="icon">west</span> Back</div><div class="_icon_1nk72_43"><span class="icon">home</span> Home</div><div class="_icon_1nk72_43"><span style="cursor: pointer;"><span class="icon" style="cursor: pointer; display: inline-block; user-select: none;">light_mode</span> </span></div></div><div class="_row_1nk72_38"><div class="_title_1nk72_53">MumpUI / Component / Button</div></div></div><div class="_showcase_1nk72_61"><div class="_showcaseTitle_1nk72_61">Default buttons</div><div class="_switch_1nk72_69"><div><span class="icon">copy</span></div><div><span class="icon">code</span>&nbsp;&nbsp;Show code</div></div><div class="_element_1nk72_65"><div class="mumpui mp-fields "><button type="button" class="mumpui mp-button   ">Default</button><button type="button" class="mumpui mp-button mp-button-primary  ">Primary</button></div></div></div><div class="_showcase_1nk72_61"><div class="_showcaseTitle_1nk72_61">Customization</div><div class="_switch_1nk72_69"><div><span class="icon">copy</span></div><div><span class="icon">code</span>&nbsp;&nbsp;Show code</div></div><div class="_element_1nk72_65"><div class="mumpui mp-fields "><button type="button" class="mumpui mp-button   " style="border-color: rgb(10, 148, 255); color: rgb(10, 148, 255);">Update</button><button type="button" class="mumpui mp-button   " style="background-color: rgb(10, 148, 255); color: white; border: none;">Edit</button><button type="button" class="mumpui mp-button   " style="color: rgb(245, 34, 45); border-color: rgb(245, 34, 45); border-style: dashed;">Delete</button><button type="button" class="mumpui mp-button   " style="background-color: rgb(82, 196, 26); color: white; border: none;"><span class="icon">brush</span></button><button type="button" class="mumpui mp-button   " style="border: none;">Clear</button></div></div></div><div class=" _info_1nk72_17">Do not forget to install some icons pack like <a href="https://fonts.google.com/icons?icon.set=Material+Icons" target="_blank" rel="noreferrer">Google Fonts</a> (Free) , <a href="https://fontawesome.com/search" target="_blank" rel="noreferrer">Font Awesome</a>, <a href="https://www.streamlinehq.com/icons" target="_blank" rel="noreferrer">Stream Line</a> etc to use icons.</div><div><div class="_props_1nk72_89"><code style="font-size: 1rem;">Button</code> component props</div><div class="mumpui mp-table "><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left" style="width: 100%;">Usage</th></tr></thead><tbody><tr><td><code>..</code></td><td></td><td style="width: 100%;">All button element props</td></tr><tr><td><code>primary</code></td><td><code style="color: rgba(211, 47, 47, 0.72); background-color: transparent; padding: 0px; margin: 0px;">boolean</code></td><td style="width: 100%;">To set the primary button</td></tr></tbody></table></div></div><div class="_issue_1nk72_26"><a href="https://github.com/neilveil/mumpui/issues/new?title=button&amp;body=" target="_blank" rel="noreferrer">Report an issue&nbsp;&nbsp;<span class="icon">east</span></a></div><div class="_related_1nk72_117"><div class="_title_1nk72_53">Related content</div><ul><li><a href="/mumpui/component/input">Input</a></li><li><a href="/mumpui/component/form">Form</a></li></ul></div></div></div><div class="_footer_1qslj_2">Developed by <a href="https://github.com/neilveil" target="_blank" rel="noreferrer">NeilVeil</a></div></div>
+
+    <script src="/mumpui/prism.js" data-manual=""></script>
+
+
+</body></html>
diff --git a/component/chain.html b/component/chain.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html><html lang="en"><head>
+    <meta charset="utf-8">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="icon" href="/mumpui/logo.png">
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
+    <meta name="robots" content="noindex,nofollow">
+    <meta name="theme-color" content="#000000">
+    <meta name="robots" content="index, follow">
+    <title>MumpUI / Component / Chain</title>
+    <meta name="description" content="The Chain component offers a flexible alternative to traditional breadcrumbs, providing a dynamic way to preview &amp; navigate through a series of steps or pages.">
+    <meta name="keywords" content="chain,linked-elements,sequential-steps,navigation">
+    <link rel="canonical" href="https://neilveil.github.io/mumpui/component/chain">
+    <meta name="author" content="Neil Arya">
+    <meta property="og:title" content="MumpUI / Component / Chain">
+    <meta property="og:description" content="The Chain component offers a flexible alternative to traditional breadcrumbs, providing a dynamic way to preview &amp; navigate through a series of steps or pages.">
+    <meta property="og:image" content="https://neilveil.github.io/mumpui/logo.png">
+    <link rel="stylesheet" href="/mumpui/prism.css">
+    <script type="module" crossorigin="" src="/mumpui/assets/index-d8902a74.js"></script>
+    <link rel="stylesheet" href="/mumpui/assets/index-ba28f421.css">
+  </head>
+  <body data-theme="light">
+    <div id="root"><div class="mumpui mp-message"></div><div class="_main_1nk72_1"><div><div class="_header_1nk72_34"><div class="_row_1nk72_38"><div class="_icon_1nk72_43"><span class="icon">west</span> Back</div><div class="_icon_1nk72_43"><span class="icon">home</span> Home</div><div class="_icon_1nk72_43"><span style="cursor: pointer;"><span class="icon" style="cursor: pointer; display: inline-block; user-select: none;">light_mode</span> </span></div></div><div class="_row_1nk72_38"><div class="_title_1nk72_53">MumpUI / Component / Chain</div></div></div><div class="_showcase_1nk72_61"><div class="_showcaseTitle_1nk72_61">Chain component</div><div class="_switch_1nk72_69"><div><span class="icon">copy</span></div><div><span class="icon">code</span>&nbsp;&nbsp;Show code</div></div><div class="_element_1nk72_65"><div class="mumpui mp-chain "><div class="mp-chain-element">Decors</div><div class="mp-chain-seperator">/</div><div class="mp-chain-element">Lamps</div><div class="mp-chain-seperator">/</div><div class="mp-chain-element">Table Lamp</div></div></div></div><div class="_showcase_1nk72_61"><div class="_showcaseTitle_1nk72_61">Usage examples</div><div class="_switch_1nk72_69"><div><span class="icon">copy</span></div><div><span class="icon">code</span>&nbsp;&nbsp;Show code</div></div><div class="_element_1nk72_65"><div class="mumpui mp-chain "><div class="mp-chain-element">Decors</div><div class="mp-chain-seperator">•</div><div class="mp-chain-element">Lamps</div><div class="mp-chain-seperator">•</div><div class="mp-chain-element">Table Lamp</div></div><div class="mumpui mp-chain "><div class="mp-chain-element">Decors</div><div class="mp-chain-seperator"><div style="width: 0.25rem; height: 0.25rem; background-color: rgb(136, 136, 136); margin: 0px 0.25rem; border-radius: 50%;"></div></div><div class="mp-chain-element">Lamps</div><div class="mp-chain-seperator"><div style="width: 0.25rem; height: 0.25rem; background-color: rgb(136, 136, 136); margin: 0px 0.25rem; border-radius: 50%;"></div></div><div class="mp-chain-element">Table Lamp</div></div><div class="mumpui mp-chain "><div class="mp-chain-element"><a href="/mumpui/component/chain/Decors" style="color: var(--c-link);">Decors</a></div><div class="mp-chain-seperator">/</div><div class="mp-chain-element"><a href="/mumpui/component/chain/Lamps" style="color: var(--c-link);">Lamps</a></div><div class="mp-chain-seperator">/</div><div class="mp-chain-element"><a href="/mumpui/component/chain/Table Lamp" style="color: var(--c-link);">Table Lamp</a></div></div></div></div><div><div class="_props_1nk72_89"><code style="font-size: 1rem;">Chain</code> component props</div><div class="mumpui mp-table "><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left" style="width: 100%;">Usage</th></tr></thead><tbody><tr><td><code>..</code></td><td></td><td style="width: 100%;">All div element props</td></tr><tr><td><code>items</code></td><td><code style="color: rgba(245, 124, 0, 0.72); background-color: transparent; padding: 0px; margin: 0px;">array</code></td><td style="width: 100%;"><span>Array of <code>string</code> or <code>jsx</code></span></td></tr><tr><td><code>seperator</code></td><td><code style="color: rgba(245, 124, 0, 0.72); background-color: transparent; padding: 0px; margin: 0px;">array</code></td><td style="width: 100%;"><span><span>Array of <code>string</code> or <code>jsx</code></span> (Default: <code>/</code>)</span></td></tr></tbody></table></div></div><div class="_issue_1nk72_26"><a href="https://github.com/neilveil/mumpui/issues/new?title=chain&amp;body=" target="_blank" rel="noreferrer">Report an issue&nbsp;&nbsp;<span class="icon">east</span></a></div><div class="_related_1nk72_117"><div class="_title_1nk72_53">Related content</div><ul><li><a href="/mumpui/component/tabs">Tabs</a></li><li><a href="/mumpui/component/menu">Menu</a></li><li><a href="/mumpui/component/dashboard">Dashboard</a></li></ul></div></div></div><div class="_footer_1qslj_2">Developed by <a href="https://github.com/neilveil" target="_blank" rel="noreferrer">NeilVeil</a></div></div>
+
+    <script src="/mumpui/prism.js" data-manual=""></script>
+
+
+</body></html>