ion-badge
徽章是內聯區塊元素，通常會出現在另一個元素附近。它們通常包含數字或其他字元。它們可以用作通知，表示有與元素相關聯的其他項目，並指示有多少項目。如果沒有傳入任何內容，徽章會被隱藏。
基本用法
主題設定
色彩
CSS 屬性
屬性
color
| 描述 | 要從應用程式的色彩調色盤中使用的顏色。預設選項為："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。如需更多關於顏色的資訊，請參閱主題設定。 |
| 屬性 | color |
| 類型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 預設值 | 未定義 |
mode
| 描述 | 模式決定要使用哪個平台樣式。 |
| 屬性 | mode |
| 類型 | "ios" ｜ "md" |
| 預設值 | 未定義 |
事件
此元件沒有可用的事件。
方法
此元件沒有可用的公開方法。
CSS 陰影部分
此元件沒有可用的 CSS 陰影部分。
CSS 自訂屬性
- iOS
- MD
| 名稱 | 描述 |
|---|---|
--background | 徽章的背景 |
--color | 徽章的文字顏色 |
--padding-bottom | 徽章的底部內距 |
--padding-end | 如果方向是從左到右，則徽章的右邊內距，如果方向是從右到左，則為左邊內距 |
--padding-start | 如果方向是從左到右，則徽章的左邊內距，如果方向是從右到左，則為右邊內距 |
--padding-top | 徽章的頂部內距 |
| 名稱 | 描述 |
|---|---|
--background | 徽章的背景 |
--color | 徽章的文字顏色 |
--padding-bottom | 徽章的底部內距 |
--padding-end | 如果方向是從左到右，則徽章的右邊內距，如果方向是從右到左，則為左邊內距 |
--padding-start | 如果方向是從左到右，則徽章的左邊內距，如果方向是從右到左，則為右邊內距 |
--padding-top | 徽章的頂部內距 |
插槽
此元件沒有可用的插槽。