ion-label

scoped

Labelは ion-item、ion-input、ion-toggle 等と共に使用できるラッパー(wrapper)要素です。item内のlabelの位置はinline、fixed、stacked、またはfloatingにすることができます。

基本的な使い方

Item Labels

Input Labels

テーマ

Colors

プロパティ

color

Description	アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。
Attribute	color
Type	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined
Default	undefined

mode

Description	modeは、どのプラットフォームのスタイルを使用するかを決定します。
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

position

Description	位置は、ラベルがアイテム内のどこで、どのように動作するかを決定します。
Attribute	position
Type	"fixed" ｜ "floating" ｜ "stacked" ｜ undefined
Default	undefined

イベント

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カスタムプロパティ

Name	Description
--color	ラベルの色。このプロパティは ion-label を ion-item の内部で使用する場合にのみ利用可能です。

Slots

No slots available for this component.