fix(segment-button): make layout optional

ionic-team · Nov 15, 2018 · e9e33ad · e9e33ad
1 parent 256745c
commit e9e33ad
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
@@ -3848,7 +3848,7 @@ export namespace Components {
     /**
     * Set the layout of the text and icon in the segment.
     */
-    'layout': SegmentButtonLayout;
+    'layout'?: SegmentButtonLayout;
     /**
     * The mode determines which platform styles to use.
     */
@@ -3874,7 +3874,7 @@ export namespace Components {
     /**
     * Set the layout of the text and icon in the segment.
     */
-    'layout': SegmentButtonLayout;
+    'layout'?: SegmentButtonLayout;
     /**
     * The mode determines which platform styles to use.
     */

diff --git a/core/src/components/segment-button/segment-button.tsx b/core/src/components/segment-button/segment-button.tsx
@@ -42,7 +42,7 @@ export class SegmentButton implements ComponentInterface {
   /**
    * Set the layout of the text and icon in the segment.
    */
-  @Prop() layout!: SegmentButtonLayout;
+  @Prop() layout?: SegmentButtonLayout;
 
   /**
    * The value of the segment button.
@@ -73,7 +73,7 @@ export class SegmentButton implements ComponentInterface {
         ...createColorClasses(color),
         'segment-button-disabled': disabled,
         'segment-button-checked': checked,
-        [`segment-button-layout-${this.layout}`]: true
+        [`segment-button-layout-${this.layout}`]: !!this.layout
       }
     };
   }