# 단일 블럭

***

## 1. 제공되는 단일 블럭의 종류

{% hint style="success" %}
<mark style="color:green;">**단일 블럭은 총 7가지가 제공됩니다.**</mark>

대부분 이미지 + 버튼 형태로 구성되어 있는 \
메시지가 1개로 구성된 블럭 형태라고 생각하시면 쉽습니다.
{% endhint %}

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F0sKhsw5YoXuHEGPsAl8T%2Fimage.png?alt=media&#x26;token=fbc20e36-ae53-4d84-b673-cb86e591301d" alt=""><figcaption></figcaption></figure>

> <mark style="color:orange;">**블럭명을 클릭하시면 해당 페이지로 이동됩니다.**</mark>\
>
>
> * [<mark style="color:orange;">**텍스트 카드**</mark>](single/textcard_button) : 텍스트 + 옵션 버튼 형태의 메시지입니다.
> * [<mark style="color:orange;">**이미지 카드**</mark>](single/image) : 텍스트나 버튼 없이, 이미지만 출력됩니다.
> * [<mark style="color:orange;">**와이드 카드**</mark>](single/wide) : 직사각형 이미지 + 텍스트 + 옵션 버튼 형태의 메시지입니다.
> * [<mark style="color:orange;">**정사각 카드**</mark>](single/square) : 정사각형 이미지 + 텍스트 + 옵션 버튼 형태의 메시지입니다.
> * [<mark style="color:orange;">**와이드 커머스 카드**</mark>](single/widecommerce) : 직사각형 이미지 + 프로필 + 가격 + 상품명 + 버튼 형태의 메시지입니다.
> * [<mark style="color:orange;">**정사각 커머스 카드**</mark>](single/squarecommerce) : 정사각형 이미지 + 프로필 + 가격 + 상품명 + 버튼 형태의 메시지입니다.
> * [<mark style="color:orange;">**리스트 카드**</mark>](single/list) : 헤더 + 텍스트 + 썸네일 + 버튼 형태의 메시지입니다.
