ion-label
Label is an element used primarily to add text content to Item components. Label can also be used inside of form control components such as Input or Radio when specifying the visible label, but it is not required.
The position of the label inside of an item can be inline, fixed, stacked, or floating.
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â
- iOS
- MD
| Name | Description |
|---|---|
--color | Color of the label. This property is only available when using ion-label inside of an ion-item. |
| 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.