# 슬라이드 블럭

***

## 1. 제공되는 슬라이드 블럭의 종류

{% hint style="success" %}
<mark style="color:green;">**슬라이드 블럭은 총 6가지가 제공됩니다.**</mark>

단일 블럭 카드를 캐로셀(손가락으로 좌우 슬라이드)로 여러개 제공하는 블럭입니다.
{% endhint %}

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FPVhvs4vvdHuyQ8aqJIjM%2Fimage.png?alt=media&#x26;token=39180a89-be03-41fb-ac7a-fc50b7ee9b14" alt=""><figcaption></figcaption></figure>

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