メインコンテンツまでスキップ
バージョン: v8 (beta)

ion-label

scoped

Labelは、主にItemコンポーネントにテキストコンテンツを追加するために使用される要素です。Labelは、InputRadioのようなフォーム制御コンポーネントの内部で、可視ラベルを指定する場合にも使用できますが、必須ではありません。

The position of the label inside of an item can be inline, fixed, stacked, or floating.

基本的な使い方

Item Labels

Theming

Colors

プロパティ

color

DescriptionThe 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.
Attributecolor
Type"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
Defaultundefined

mode

DescriptionThe mode determines which platform styles to use.
Attributemode
Type"ios" | "md"
Defaultundefined

position

DescriptionThe position determines where and how the label behaves inside an item.
Attributeposition
Type"fixed" | "floating" | "stacked" | undefined
Defaultundefined

イベント

No events available for this component.

メソッド

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSSカスタムプロパティ

NameDescription
--colorColor of the label. This property is only available when using ion-label inside of an ion-item.

Slots

No slots available for this component.