컴포넌트

다운로드 가능한 에셋

적절한 배경에 이미지를 배치하고 다운로드 동작을 제공합니다.

배경 종류

밝은 글자의 Master CSS 로고타입 — 어두운 배경용 로고타입

밝은 글자와 샴페인색에서 금색으로 이어지는 마크입니다.

어두운 글자의 Master CSS 로고타입 — 밝은 배경용 로고타입

어두운 글자와 샴페인색에서 금색으로 이어지는 마크입니다.

어두운 배경용 마크

높이 24px 이상을 위한 표준 평면 마크입니다.

SVGSVG 다운로드

사용 위치: 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"/>

파일 자체는 바뀌지 않습니다. 미리보기 크기만 이미지의 고유 크기로 제한됩니다.