diff --git a/core/src/components/label/label.ios.scss b/core/src/components/label/label.ios.scss index 58b2dc4ab5..b32f6106ab 100644 --- a/core/src/components/label/label.ios.scss +++ b/core/src/components/label/label.ios.scss @@ -10,6 +10,11 @@ font-family: $label-ios-font-family; } +[text-wrap] .label-ios { + font-size: $label-ios-text-wrap-font-size; + line-height: $label-ios-text-wrap-line-height; +} + // iOS Default Label Inside An Input/Select Item // -------------------------------------------------- diff --git a/core/src/components/label/label.ios.vars.scss b/core/src/components/label/label.ios.vars.scss index 74fdee0c19..0fd5b7b8c7 100644 --- a/core/src/components/label/label.ios.vars.scss +++ b/core/src/components/label/label.ios.vars.scss @@ -25,3 +25,9 @@ $label-ios-margin-bottom: $item-ios-padding-bottom !default; /// @prop - Margin start of the label $label-ios-margin-start: 0 !default; + +/// @prop - Font size of the label when the text wraps +$label-ios-text-wrap-font-size: 14px !default; + +/// @prop - Line height of the label when the text wraps +$label-ios-text-wrap-line-height: 1.5 !default;