db-ui
diff --git a/‎README.md
Lines changed: 9 additions & 0 deletions b/‎README.md
Lines changed: 9 additions & 0 deletions
diff --git a/‎img.png
72.3 KB b/‎img.png
72.3 KB
diff --git a/‎img_1.png
24.2 KB b/‎img_1.png
24.2 KB
diff --git a/‎pom.xml
Lines changed: 8 additions & 3 deletions b/‎pom.xml
Lines changed: 8 additions & 3 deletions
diff --git a/‎src/main/resources/static/index.html
Lines changed: 6 additions & 39 deletions b/‎src/main/resources/static/index.html
Lines changed: 6 additions & 39 deletions
@@ -0,0 +1,9 @@
+# SpringBoot + DBUX
+
+This is a simple example how to use DBUX npm libraries with SpringBoot.
+
+You need to add npm packages to [webjars](https://www.webjars.org/) via "Add web jar" button:
+![img.png](img.png)
+
+Select ``npm`` and paste the name of the npm library into the input (in this example `@db-ui/components`) and select a version. Press "Deploy!" afterward:
+![img_1.png](img_1.png)
@@ -30,9 +30,14 @@
             <artifactId>spring-boot-starter-web</artifactId>
         </dependency>
         <dependency>
-            <groupId>org.webjars</groupId>
-            <artifactId>bootstrap</artifactId>
-            <version>2.1.1</version>
+            <groupId>org.webjars.npm</groupId>
+            <artifactId>db-ui__foundations</artifactId>
+            <version>0.4.4</version>
+        </dependency>
+        <dependency>
+            <groupId>org.webjars.npm</groupId>
+            <artifactId>db-ui__components</artifactId>
+            <version>0.4.4</version>
         </dependency>
         <dependency>
             <groupId>org.webjars</groupId>
 
@@ -2,46 +2,13 @@
 <html>
 <head>
     <title>Play2 WebJars Demo</title>
-    <link rel='stylesheet' media='screen' href='/webjars/bootstrap/css/bootstrap.min.css'>
-    <script type='text/javascript' src='/webjars/jquery/jquery.min.js'></script>
-    <script type='text/javascript' src='/webjars/bootstrap/js/bootstrap.min.js'></script>
-    <style type="text/css">
-        body {
-            margin-top: 50px;
-        }
-    </style>
-    <script type="text/javascript">
-      $(function() {
-        $("#showModalButton").bind('click', function(event) {
-          $('#myModal').modal()
-        })
-      })
-    </script>
+    <link rel='stylesheet' media='screen' href='/webjars/db-ui__components/build/styles/db-ui-42.css'>
 </head>
 <body>
-<div class="navbar navbar-fixed-top">
-    <div class="navbar-inner">
-        <div class="container-fluid">
-            <a id="titleLink" class="brand" href="/">hello, bootstrap</a>
-        </div>
-    </div>
-</div>
-
-<div class="container">
-    <button id="showModalButton" class="btn btn-primary btn-large"><i class="icon-exclamation-sign icon-white"></i> Show a Modal</button>
-</div>
-
-<div id="myModal" class="modal hide fade">
-    <div class="modal-header">
-        <button class="close" data-dismiss="modal">&times;</button>
-        <h3>This is a Modal</h3>
-    </div>
-    <div class="modal-body">
-        <p>Bootstrap depends on jQuery.  So when you specify Bootstrap as a dependency you get jQuery too.</p>
-    </div>
-    <div class="modal-footer">
-        <a href="#" class="btn" data-dismiss="modal">Close</a>
-    </div>
-</div>
+<main>
+    <h1>Test</h1>
+    <div data-icon="person">Test</div>
+    <button class="db-button">Test</button>
+</main>
 </body>
 </html>