跳到主要內容
版本:v8

ion-chip

陰影

晶片以小區塊呈現複雜的實體,例如聯絡人。晶片可以包含多種不同的元素,例如頭像、文字和圖示。

基本用法

插入組件和圖示

主題設定

顏色

CSS 自訂屬性

屬性

color

描述要從應用程式的調色盤使用的顏色。預設選項為:"primary""secondary""tertiary""success""warning""danger""light""medium""dark"。有關顏色的詳細資訊,請參閱主題設定
屬性color
類型"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
預設undefined

disabled

描述如果為 true,則使用者無法與晶片互動。
屬性disabled
類型boolean
預設false

mode

描述模式決定要使用哪個平台樣式。
屬性mode
類型"ios" | "md"
預設undefined

outline

描述顯示外框樣式按鈕。
屬性outline
類型boolean
預設false

事件

此組件沒有可用的事件。

方法

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

CSS 陰影部分

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

CSS 自訂屬性

名稱描述
--background晶片的背景
--color晶片的顏色

插槽

此組件沒有可用的插槽。