跳至主要內容
版本: v8

ion-label

scoped

標籤主要用於將文字內容新增至 項目 元件。標籤也可以在表單控制元件(如 輸入單選)內使用,以指定可見標籤,但非必要。

標籤在項目內的位置可以是 inline、fixed、stacked 或 floating。

基本用法

項目標籤

主題化

顏色

屬性

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
類型"fixed" | "floating" | "stacked" | undefined
預設undefined

事件

此元件沒有可用的事件。

方法

此元件沒有可用的公開方法。

CSS 陰影部件

此元件沒有可用的 CSS 陰影部件。

CSS 自訂屬性

名稱描述
--color標籤的顏色。此屬性僅在使用 ion-item 內的 ion-label 時才可用。

插槽

此元件沒有可用的插槽。