ion-label
ラベルは、主にアイテムコンポーネントにテキストコンテンツを追加するために使用される要素です。ラベルは、可視ラベルを指定する場合、入力やラジオボタンなどのフォームコントロールコンポーネント内でも使用できますが、必須ではありません。
アイテム内のラベルの位置は、インライン、固定、積み重ね、またはフローティングにすることができます。
基本的な使用方法
アイテムラベル
テーマ設定
色
プロパティ
color
| 説明 | アプリケーションのカラーパレットから使用する色。デフォルトのオプションは、"primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium"、"dark"です。色の詳細については、テーマ設定を参照してください。 |
| 属性 | color |
| 型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| デフォルト | undefined |
mode
| 説明 | モードは、使用するプラットフォームスタイルを決定します。 |
| 属性 | mode |
| 型 | "ios" ｜ "md" |
| デフォルト | undefined |
position
| 説明 | positionは、アイテム内でのラベルの動作場所と方法を決定します。 |
| 属性 | position |
| 型 | "fixed" ｜ "floating" ｜ "stacked" ｜ undefined |
| デフォルト | undefined |
イベント
このコンポーネントで使用可能なイベントはありません。
メソッド
このコンポーネントで使用可能な公開メソッドはありません。
CSSシャドウパーツ
このコンポーネントで使用可能なCSSシャドウパーツはありません。
CSSカスタムプロパティ
- iOS
- MD
| 名前 | 説明 |
|---|---|
--color | ラベルの色。このプロパティは、ion-item内のion-labelを使用する場合にのみ使用できます。 |
| 名前 | 説明 |
|---|---|
--color | ラベルの色。このプロパティは、ion-item内のion-labelを使用する場合にのみ使用できます。 |
スロット
このコンポーネントで使用可能なスロットはありません。