test(checkbox): add more examples to item test

Author: brandyscarney

core/src/components/checkbox/test/item/index.html

@@ -49,6 +49,15 @@
       <ion-content id="content" class="ion-padding">
         <h1>Placement Start</h1>
         <div class="grid">
+          <div class="grid-item">
+            <h2>Default Justify</h2>
+            <ion-list>
+              <ion-item>
+                <ion-checkbox label-placement="start">Enable Notifications</ion-checkbox>
+              </ion-item>
+            </ion-list>
+          </div>
+
           <div class="grid-item">
             <h2>Justify Start</h2>
             <ion-list>
@@ -79,6 +88,15 @@ <h2>Justify Space Between</h2>
 
         <h1>Placement End</h1>
         <div class="grid">
+          <div class="grid-item">
+            <h2>Default Justify</h2>
+            <ion-list>
+              <ion-item>
+                <ion-checkbox label-placement="end">Enable Notifications</ion-checkbox>
+              </ion-item>
+            </ion-list>
+          </div>
+
           <div class="grid-item">
             <h2>Justify Start</h2>
             <ion-list>
@@ -109,6 +127,15 @@ <h2>Justify Space Between</h2>
 
         <h1>Placement Fixed</h1>
         <div class="grid">
+          <div class="grid-item">
+            <h2>Default Justify</h2>
+            <ion-list>
+              <ion-item>
+                <ion-checkbox label-placement="fixed">Enable Notifications</ion-checkbox>
+              </ion-item>
+            </ion-list>
+          </div>
+
           <div class="grid-item">
             <h2>Justify Start</h2>
             <ion-list>
@@ -139,6 +166,15 @@ <h2>Justify Space Between</h2>
 
         <h1>Placement Stacked</h1>
         <div class="grid">
+          <div class="grid-item">
+            <h2>Default Align</h2>
+            <ion-list>
+              <ion-item>
+                <ion-checkbox label-placement="stacked">Enable Notifications</ion-checkbox>
+              </ion-item>
+            </ion-list>
+          </div>
+
           <div class="grid-item">
             <h2>Align Start</h2>
             <ion-list>
@@ -190,6 +226,24 @@ <h1>Multiline Label</h1>
               </ion-checkbox>
             </ion-item>
           </div>
+          <div class="grid-item">
+            <ion-item>
+              <ion-checkbox label-placement="end">
+                <ion-label class="ion-text-wrap">
+                  Enable Notifications Enable Notifications Enable Notifications
+                </ion-label>
+              </ion-checkbox>
+            </ion-item>
+          </div>
+          <div class="grid-item">
+            <ion-item>
+              <ion-checkbox label-placement="end" alignment="start">
+                <ion-label class="ion-text-wrap">
+                  Enable Notifications Enable Notifications Enable Notifications
+                </ion-label>
+              </ion-checkbox>
+            </ion-item>
+          </div>
         </div>
       </ion-content>
     </ion-app>