# Content Placeholder
URL: /components/content-placeholder
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/components/content-placeholder.mdx

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

| Platform | Status |
| --- | --- |
| Figma | Done |
| [React](/react/components/content-placeholder) | Done |
| Lynx | Not Ready |
| iOS | Not Ready |
| Android | Not Ready |

## Anatomy

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

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

![Content Placeholder의 Anatomy 이미지. Root 컨테이너와 Asset으로 구성됩니다.](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2bb0f49c-fcfc-48cf-ac4d-591faa83a115)

## Properties

### Type

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

![Content Placeholder의 Type Property - Default를 포함한 12가지 타입](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13231ce9-476d-4974-b5ef-2fe3b193d40d)

## Specification

Component spec (JSON): /rootage/components/content-placeholder.json