ion-label
Label is an element used primarily to give added context to Item components. The position of the label inside of an item can be inline, fixed, stacked, or floating.
Note that form control components such as Input or Radio have their own labels, so they typically should not be used with ion-label.
Basic Usage
Item Labels
Theming
Colors
Properties
color
| Description | 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. |
| Attribute | color |
| Type | "danger" ๏ฝ "dark" ๏ฝ "light" ๏ฝ "medium" ๏ฝ "primary" ๏ฝ "secondary" ๏ฝ "success" ๏ฝ "tertiary" ๏ฝ "warning" ๏ฝ string ๏ฝ undefined |
| Default | undefined |
mode
| Description | The mode determines which platform styles to use. |
| Attribute | mode |
| Type | "ios" ๏ฝ "md" |
| Default | undefined |
position
| Description | The position determines where and how the label behaves inside an item. |
| Attribute | position |
| Type | "fixed" ๏ฝ "floating" ๏ฝ "stacked" ๏ฝ undefined |
| Default | undefined |
Events
No events available for this component.
Methods
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Properties
| Name | Description |
|---|---|
--color | Color of the label. This property is only available when using ion-label inside of an ion-item. |
Slots
No slots available for this component.