ionic-framework/core/src/components/label

ion-label

Label is a wrapper element that can be used in combination with ion-item, ion-input, ion-toggle, and more. The position of the label inside of an item can be inline, fixed, stacked, or floating.

Properties

Property	Attribute	Description	Type
color	color	The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.	string | undefined
mode	mode	The mode determines which platform styles to use. Possible values are: "ios" or "md".	"ios" | "md"
position	position	The position determines where and how the label behaves inside an item.	"fixed" | "floating" | "stacked" | undefined

Events

Event	Detail	Description
ionStyle	StyleEvent	Emitted when the styles change.

CSS Custom Properties

Name	Description
--color	Color of the label

---

Built with StencilJS