Skip to main content
Skip table of contents

Web - CardList

Definition

정의

CardList

최적화 대상

Desktop

Mobile

기획 배포

검토

디자인 가이드 배포

검토

개발 코드 배포

완료

Principle

Card를 감싸주는 역할을 하며 그리드를 가지고 있습니다.

구성

Note

지금은 select 기능만 있고 나중엔 클릭 시 전환 기능도 추가

  • 기본 카드 형태 / 이미지 / 확장형?(콘텐츠 확장) / 버튼조합


Spec

Guide

Size, Property

구성

내용

Color 구성

Color Key

구성

내용


Properties

children*

Added in 1.2

CardList에 들어갈 자식 요소입니다. 현재는 Card 컴포넌트만 위치시킬 수 있습니다.

기획 지시사항

  • 기획서 상 작성 방법 : 기획자가 직접 prop을 기술하지 않음

Type

React.ReactNode

Default

-

columnGap

Added in 1.2

열 사이에 적용할 간격값입니다.

기획 지시사항

  • 기획서 상 작성 방법 : 숫자만 기술

Type

number

Default

-

columns

Added in 1.2

Grid에 적용할 열의 값입니다.

기획 지시사항

  • 기획서 상 작성 방법 : 숫자만 기술

Type

number

Default

-

rowGap

Added in 1.2

행 사이에 적용할 간격값입니다.

기획 지시사항

  • 기획서 상 작성 방법 : 숫자만 기술

Type

number

Default

-

rows

Added in 1.2

Grid에 적용할 행의 값입니다.

기획 지시사항

  • 기획서 상 작성 방법 : 숫자만 기술

Type

number

Default

-


문서 작성 정보

소유자 / 관리자

김혜진

변경 이력

  • 2022/03/24 : Property 기술방법 변경, 코드에만 있던 prop추가 - 안은수

  • 2022/02/08 : 문서 초안 작성 - 김혜진

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.