- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
ion-label
Label is a wrapper element that can be used in combination with ion-item and ion-input.
The position of the label can be controlled to be either stacked, inline, or floating.
Properties
color
string
The color to use for the label's text
mode
string
The mode determines which platform styles to use.
Possible values are: "ios" or "md".
position
string
The position determines where and how the label behaves inside an item. Possible values are: 'inline' | 'fixed' | 'stacked' | 'floating'
Attributes
color
string
The color to use for the label's text
mode
string
The mode determines which platform styles to use.
Possible values are: "ios" or "md".
position
string
The position determines where and how the label behaves inside an item. Possible values are: 'inline' | 'fixed' | 'stacked' | 'floating'
Events
ionStyle
Emitted when the styles change.
Methods
getText()
Built with StencilJS