Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nobis id praesentium rem quisquam deleniti beatae. Odio iusto ab voluptate quis, porro unde amet est obcaecati laboriosam quidem modi similique, officiis nulla perferendis aperiam, officia fugit ducimus commodi labore. Odio tempora, quis repudiandae consequuntur ipsam inventore eum assumenda perspiciatis vel soluta rem ab porro in iure dolor nihil cupiditate esse? Voluptatem iure fugit hic nesciunt quibusdam in, recusandae aliquam, eaque deserunt incidunt molestias laborum, non consectetur suscipit dolor quia consequuntur sed quod est. Tempore libero eum, deleniti itaque pariatur voluptas architecto officiis eius magni non nesciunt ea harum earum, officia dicta optio nulla nostrum tenetur! Ratione molestias eius optio aliquam totam laboriosam impedit quae sit consectetur, consequatur in deleniti quaerat amet tempore iusto veritatis illum recusandae. Explicabo minima adipisci animi, ex illo sed voluptatibus sunt ut itaque, provident non! Quasi cum voluptate rerum dignissimos, necessitatibus consequatur quam magnam debitis sed distinctio doloremque quaerat deleniti illum amet? Cupiditate dignissimos itaque laudantium aliquam sint ratione et non repellat distinctio perferendis, velit assumenda, reiciendis dicta, aspernatur officia nemo sed illo iste repudiandae amet quos? Libero iure ea nostrum quibusdam ipsum minima, dicta corrupti sapiente nemo laborum cumque adipisci mollitia ut. Praesentium, fuga! Earum.
Page title
Guide
브레이크 포인트
- 모바일(md) ~767
- 태블릿(lg) 768~1024
- 데스크탑 1025~
Button
| default | Large | Medium | Small | ||
|---|---|---|---|---|---|
| Size fit-content Height 48px Weight 600 |
Size fit-content Height 44px Weight 400 |
Size fit-content Height 32px Weight 500 |
Size fit-content Height 28px Weight 400 |
||
| Primary | |||||
| Line | |||||
| Line secondary | |||||
| Text | |||||
| Text + underline | |||||
| block | |||||
| Icon |
24px |
16px |
|||
| link | |||||
| icon + text |
List
default
- font-size:14px
- 리스트입니다.
- 리스트입니다.
dot list
- font-size:14px
- 도트 리스트입니다.
- 도트 리스트입니다.
- font-size:12px
- 도트 리스트입니다.
- 도트 리스트입니다.
Form Input
default
disabled
required
readonly
button + description
영문 또는 영문과 숫자조합 6~12자리
success, error message
Form Checkbox
default
disabled
label hide
Form Radio
default
button type
button type - 한 행에 3개씩
button type small
button type small line
Select
Textarea
Alert
Modal
Bottom Sheet
Tabs
Line type
제품이 없습니다.
제품이 없습니다.
Button type
문의 예시
- 상품의 배송기간이 얼마나 되나요?
- 품절 상품 재입고는 언제 되나요?
문의 예시
- 상품의 교환 반품 환불 절차가 궁금해요
- 배송 전 주소지 변경이 가능 할까요?
문의 예시
- 상품의 교환 반품 환불 절차가 궁금해요
- 배송 전 주소지 변경이 가능 할까요?
Accordion
Default
아코디언 컨텐츠
Q&A
[답변 내용]
답변 대기 중입니다.
[답변 내용]
2026.05.12 15:30
항상 고객님의 불편함을 가장 먼저 걱정하고 해결하는 슈마커 플러스입니다. 고객님께서 말씀하신 주문 상품 이 첨부해 주신 이미지 확인 상 오배송으로 확인되었습니다. 서비스 이용에 불편을 드려 죄송합니다.
상품 UI
row
column
나이키 알파플라이 3글램
219,000
원
199,000
원
column + checkbox
나이키 알파플라이 3글램
219,000
원
199,000
원
empty
text + icon
제품이 없습니다.
Loading
로딩 중입니다
- 실 사용 코드는 아래 주석 참고