ComponentsDisplay

Content Placeholder

이미지나 콘텐츠가 로드되지 않았을 때, 해당 영역의 성격을 전달하는 대체 시각 요소입니다.

Figma
Done
React
Done
iOS
Not Ready
Android
Not Ready

Anatomy

Content Placeholder는 Root 컨테이너와 Asset으로 구성됩니다. 컨테이너의 사이즈에 따라 내부 Asset을 자연스럽게 표시합니다.

  • Asset의 최소 너비는 16px, 최대 너비는 160px이며 정방형 비율을 고정합니다.

Content Placeholder의 Anatomy 이미지. Root 컨테이너와 Asset으로 구성됩니다.

Properties

Type

기본 타입과 서비스나 카테고리 별 타입을 제공합니다. Image Frame 컴포넌트에서 이미지가 없거나 표시할 수 없는 상태일 때 대체 이미지로 사용됩니다.

Content Placeholder의 Type Property - Default를 포함한 12가지 타입

Specification

base

상태슬롯속성
enabledrootcolor
assetminWidth
maxWidth
heightFraction
color

type=default

상태슬롯속성

type=buySell

상태슬롯속성

type=car

상태슬롯속성

type=commerce

상태슬롯속성

type=coupon

상태슬롯속성

type=food

상태슬롯속성

type=group

상태슬롯속성

type=image

상태슬롯속성

type=jobs

상태슬롯속성

type=business

상태슬롯속성

type=post

상태슬롯속성

type=realty

상태슬롯속성

Last updated on

On this page