chore(sample): added circle and block samples

aurelia-ui-toolkits · Feb 15, 2016 · 62f94d6 · 62f94d6
1 parent 40429a4
commit 62f94d6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/sample/src/samples/waves/basic-use-sample.html b/sample/src/samples/waves/basic-use-sample.html
@@ -1,3 +1,7 @@
 <template>
   <a md-button md-waves>Waves on a button</a>
+  <a md-button="floating: true; large: true;" md-waves="color: light; circle: true;" style="line-height: 55px;">circle</a>
+  <div md-waves="block: true;" style="border: 1px dotted grey; margin: 10px 0; height: 80px; width: 120px;">
+    Waves on a div.
+  </div>
 </template>
diff --git a/sample/src/samples/waves/basic-use.html b/sample/src/samples/waves/basic-use.html
@@ -6,6 +6,12 @@
               <p>
                 <a md-button md-waves>waves on a button</a>
               </p>
+              <p style="margin: 10px 0;">
+                <a md-button="floating: true; large: true;" md-waves="color: light; circle: true;" style="line-height: 55px;">circle</a>
+              </p>
+              <div md-waves="block: true;" style="border: 1px dotted grey; margin: 10px 0; height: 80px; width: 120px;">
+                Waves on a div.
+              </div>
             </md-card>
           </div>
       </div>