陰影
卡片是顯示文字、圖片、按鈕和列表等內容的容器。卡片可以是單一元件，但通常由標頭、標題、副標題和內容組成。卡片被分解為幾個元件以適應此結構：卡片標頭、卡片標題、卡片副標題和卡片內容。
| 描述 | 如果為 true，則會呈現按鈕標籤，並且卡片將可點擊。 |
| 屬性 | button |
| 類型 | 布林值 |
| 預設值 | false |
| 描述 | 要從應用程式的調色盤中使用的顏色。預設選項為："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium"和"dark"。有關顏色的更多資訊，請參閱主題化。 |
| 屬性 | color |
| 類型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ 字串 ｜ undefined |
| 預設值 | undefined |
| 描述 | 如果為 true，則使用者無法與卡片互動。 |
| 屬性 | disabled |
| 類型 | 布林值 |
| 預設值 | false |
| 描述 | 此屬性會指示瀏覽器下載 URL，而不是導覽至該 URL，因此系統會提示使用者將其儲存為本機檔案。如果屬性具有值，則會將其用作「儲存」提示中的預填檔案名稱（使用者仍然可以變更檔案名稱）。 |
| 屬性 | download |
| 類型 | 字串 ｜ undefined |
| 預設值 | undefined |
| 描述 | 包含超連結指向的 URL 或 URL 片段。如果設定此屬性，則會呈現錨點標籤。 |
| 屬性 | href |
| 類型 | 字串 ｜ undefined |
| 預設值 | undefined |
| 描述 | 模式決定要使用的平台樣式。 |
| 屬性 | mode |
| 類型 | "ios" ｜ "md" |
| 預設值 | undefined |
| 描述 | 指定目標物件與連結物件的關係。該值是以空格分隔的連結類型清單。 |
| 屬性 | rel |
| 類型 | 字串 ｜ undefined |
| 預設值 | undefined |
| 描述 | 使用路由器時，它會指定使用 href 導覽至另一個頁面時的轉換動畫。 |
| 屬性 | undefined |
| 類型 | ((baseEl: any, opts?: any) => Animation) ｜ undefined |
| 預設值 | undefined |
| 描述 | 使用路由器時，它會指定使用 href 導覽至另一個頁面時的轉換方向。 |
| 屬性 | router-direction |
| 類型 | "back" ｜ "forward" ｜ "root" |
| 預設值 | 'forward' |
| 描述 | 指定要在何處顯示連結的 URL。僅在提供 href 時才適用。特殊關鍵字："_blank"、"_self"、"_parent"、"_top"。 |
| 屬性 | target |
| 類型 | 字串 ｜ undefined |
| 預設值 | undefined |
| 描述 | 按鈕的類型。僅在存在 onclick 或 button 屬性時使用。 |
| 屬性 | type |
| 類型 | "button" ｜ "reset" ｜ "submit" |
| 預設值 | 'button' |
此元件沒有可用的事件。
此元件沒有可用的公開方法。
| 名稱 | 描述 |
|---|
native | 包裝所有子元素的原生 HTML 按鈕、錨點或 div 元素。 |
| 名稱 | 描述 |
|---|
--background | 卡片的背景 |
--color | 卡片的顏色 |
| 名稱 | 描述 |
|---|
--background | 卡片的背景 |
--color | 卡片的顏色 |
此元件沒有可用的插槽。