List of Components(21.07)

컴포넌트 목록은 상황에 따라 추가, 삭제 및 디자인이 변경될 수 있습니다.

레이아웃 컴포넌트는 페이지의 영역을 설정하기 위한 컴포넌트로 전체적인 페이지 레이아웃을 설정할 수 있도록 지원한다.

No	Component	Description
1	Row	레이아웃에 가장 기본인 행(Row) 추가
2	Column	페이지 레이아웃에 맞추어 열(Col) 추가
3	2 Cols Layout	여러 행과 열을 동시에 추가하고자 하는 경우 사용
4	Container	추가 시 빈 컨테이너 생성
5	Swipe Container new	스와이프로 여러 컨텐츠 내용을 넘겨 볼 수 있는 컨테이너 생성
6	Tab Container	탭 각각에 다양한 컴포넌트를 연결 할 수 있는 컨테이너 생성
7	Step Container new	각 단계 별로 컴포넌트를 연결 할 수 있는 컨테이너 생성
8	Accordion Container	아코디언 목록 각각에 원하는 컴포넌트를 연결 할 수 있는 컨테이너 생성

엘리먼트 컴포넌트는 UI를 구성하기 위한 기본적인 컴포넌트들로 구성되며, 직접 사용하거나 다른 컴포넌트의 구성요소로써 사용된다. 또한 상세한 스타일을 지정할 수 있는 특징이 있다.

다양한 입력 컴포넌트를 폼에 추가하여 사용 할 수 있다.

페이지의 Body - Header로 사용 할 수 있는 6가지 패턴을 컴포넌트 세트로 구성하여 제공한다.

페이지의 Body - Content로 사용 할 수 있는 7가지 패턴을 컴포넌트 세트로 구성하여 제공한다. 컨텐츠 컴포넌트는 모두 Simple Input 타입으로 단순한 이미지와 텍스트 입력 등으로 컴포넌트 컨텐츠를 셋팅하고 Display로 출력 한다.

페이지의 Body - Section으로 사용 할 수 있는 14가지 패턴을 컴포넌트 세트로 구성하여 제공한다. 섹션 컴포넌트는 API Call 타입의 Data Set & Display를 목적으로 가지며, 다양한 UI Type을 옵션으로 제공한다.

No	Component	Description
1	Card Section asis : Blog
2	Gallery Section
3	Table Section
4	Chart Section
5	Countdown Section
6	Step Section
7	Upcoming Event
8	SNS Section
9	Testimonial
10	Timeline Section
11	Contact
12	Call Action
13	Subscription
14	Board Summary	ex. 대시보드에서 볼 수 있는 Board 요약 리스트(더보기 버튼 O)

게시판으로 바로 사용할 수 있는 컴포넌트 세트를 6가지 패턴으로 구분하여 제공한다. 보드 컴포넌트는 기본적으로 Pagination or [View More] Button, Search / CRUD Function을 공통 옵션으로 제공한다.

다양한 컴포넌트를 옵션으로 사용 할 수 있는 컴포넌트 세트이다. 드래그와 옵션 설정 만으로 하나의 페이지를 빠르고 쉽게 만들 수 있다.

(ex. Card List Page 컴포넌트 추가 → set Function : List Type, Use Cart, Use Button →Cart page 완성)