可下載資產
在適合的背景上呈現圖像,並提供下載操作。
背景材質
使用於 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"/>檔案本身維持不變,只有預覽大小受圖片的原始尺寸限制。