test(fab-button): add tests for border custom properties

ionic-team · Dec 10, 2018 · ee988e3 · ee988e3
1 parent 3fa57a8
commit ee988e3
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/core/src/components/fab-button/test/standalone/index.html b/core/src/components/fab-button/test/standalone/index.html
@@ -65,6 +65,10 @@ <h3>Custom</h3>
   <ion-fab-button class="fab-button-in-list custom-white activated"><ion-icon name="heart"></ion-icon></ion-fab-button>
   <ion-fab-button class="fab-button-in-list custom-blue"><ion-icon name="star"></ion-icon></ion-fab-button>
   <ion-fab-button class="fab-button-in-list custom-blue activated"><ion-icon name="star"></ion-icon></ion-fab-button>
+  <ion-fab-button class="fab-button-in-list custom-border">Border</ion-fab-button>
+  <ion-fab-button class="fab-button-in-list custom-border activated">Border</ion-fab-button>
+  <ion-fab-button class="fab-button-in-list custom-border"><ion-icon name="star"></ion-icon></ion-fab-button>
+  <ion-fab-button class="fab-button-in-list custom-border activated"><ion-icon name="star"></ion-icon></ion-fab-button>
 
   <style>
     ion-fab-button {
@@ -92,6 +96,13 @@ <h3>Custom</h3>
       --background: #add8e6;
       --background-activated: #7cb2c4;
     }
+
+    .custom-border {
+      --border-radius: 10px;
+      --border-width: 2px;
+      --border-style: dashed;
+      --border-color: red;
+    }
   </style>
 </body>
 </html>