diff --git a/src/components/chip/chip.scss b/src/components/chip/chip.scss index f153852b42..ea5720e913 100644 --- a/src/components/chip/chip.scss +++ b/src/components/chip/chip.scss @@ -15,6 +15,9 @@ $chip-button-size: 32px !default; /// @prop - Border radius of the icon in the chip $chip-icon-border-radius: 50% !default; +/// @prop - Text alignment of the icon in the chip +$chip-icon-text-align: center !default; + /// @prop - Width and height of the icon in the chip $chip-icon-size: 32px !default; @@ -56,6 +59,7 @@ ion-chip ion-icon { font-size: $chip-icon-font-size; line-height: $chip-icon-size; + text-align: $chip-icon-text-align; } ion-chip ion-avatar { diff --git a/src/components/chip/test/basic/main.html b/src/components/chip/test/basic/main.html index 5ad55526df..7a9bf9ee60 100644 --- a/src/components/chip/test/basic/main.html +++ b/src/components/chip/test/basic/main.html @@ -93,4 +93,14 @@ + + Chip Item + + + Default + + +