網站導覽

元件

可下載資產

在適合的背景上呈現圖像,並提供下載操作。

背景材質

深色背景用標準字

淺色字樣搭配香檳金漸層標誌。

淺色字樣的 Master CSS 標準字

淺色背景用標準字

深色字樣搭配香檳金漸層標誌。

深色字樣的 Master CSS 標準字

深色背景用標誌

標準平面標誌,適用高度 24px 以上。

深色背景用 Master CSS 金色標誌

使用於 the brand page.

用法與介面

DemoAsset 會呈現完整托盤:標頭包含 title 與 description,展示區放置圖像,圖說則包含格式標章及採用 ui-button 樣式的下載連結。surface="light" 或 "dark" 會直接設定展示區的明暗模式,圖像不需要再加一層面板;預設的 "transparent" 使用棋盤格背景。

<DemoAsset  title="Master CSS mark"  description="Original SVG artwork."  src="/images/logo.svg"  alt="Master CSS gold mark"  width={216.6}  height={120}  surface="dark"/>

檔案本身維持不變,只有預覽大小受圖片的原始尺寸限制。