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 | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
position
| Description | 位置は、ラベルがアイテム内のどこで、どのように動作するかを決定します。 |
| 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 | ラベルの色。このプロパティは ion-label を ion-item の内部で使用する場合にのみ利用可能です。 |
Slots
No slots available for this component.