Tag 標籤
Tag 組件用於分類內容，提供簡潔的標籤顯示功能，支援不同的樣式變化和圖示。
基本用法
基本標籤用法，可顯示簡單的文字標籤。
基本用法
基本標籤預設New
類型變化
Tag 組件支援多種類型，用於表示不同的狀態和語義。
類型變化
PrimarySecondarySuccessInfoWarningDanger
圓角標籤
PrimarySecondarySuccessInfoWarningDanger
邊框標籤
PrimarySecondarySuccessInfoWarningDanger
圓角邊框標籤
PrimarySecondarySuccessInfoWarningDanger
帶圖示標籤
Tag 組件支援顯示圖示，可以通過 prop 或插槽的方式添加。
帶圖示標籤
使用者搜尋成功資訊警告危險
圓角帶圖示標籤
使用者搜尋成功資訊警告危險
自訂圖示插槽
自訂圖示 喜愛項目
邊框標籤
Tag 組件支援邊框樣式，可以與其他屬性組合使用。
邊框標籤
PrimarySecondarySuccessInfoWarningDanger
邊框對比
填充樣式
邊框樣式
帶圖示的邊框標籤
使用者成功警告危險
圓角邊框組合
圓角邊框圓角邊框圓角邊框
API
屬性
| 屬性名 | 說明 | 類型 | 默認值 |
|---|---|---|---|
| value | 標籤文字 | string | '' |
| type | 標籤類型 | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'primary' |
| rounded | 是否圓角 | boolean | false |
| bordered | 是否顯示邊框 | boolean | false |
| icon | 圖示組件 | Component | - |
插槽 Slots
| 插槽名 | 說明 |
|---|---|
| default | 預設內容 |
| icon | 自訂圖示 |