Page Comparison

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

...

01. With Background

백그라운드와 함께 사용할 수 있는 헤더 컴포넌트이다. 백그라운드 헤더는 Text, Swipe Cards 2가지 타입이 있다.

01-01. Text Type

Default는 Text 타입으로, 백그라운드 헤더 컴포넌트 추가 시 다음과 같이 텍스트와 버튼이 화면에 출력된다.

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/HeaderWithBackground

01-02. Card Type

Swipe card 타입으로, 백그라운드 헤더 컴포넌트를 설정 하면, 다음과 같이 텍스트와 Swipe가 화면에 출력된다.

...

카드 이미지와 함께 버튼을 추가하면, 다음과 같이 화면에 반영된다. 텍스트를 HTML로 자유롭게 셋팅 할 수 있다.

...

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/HeaderWithBackground

...

02. with Countdown

카운트다운과 함께 사용하는 헤더 컴포넌트이다. 카운트다운 헤더는 Text, Circular 2가지 타입이 있다.

...

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/HeaderWithCountdown

...

03. with Video

비디오와 함께 사용되는 헤더 컴포넌트이다. 컴포넌트 추가 후, 다음과 같이 옵션 설정이 가능하다.

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/HeaderWithVideo

...

04. with Chart

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/HeaderWithChart

...

05. with Device

디바이스와 함께 출력되는 헤더 컴포넌트이다. 백그라운드 헤더는 Mobile Features, Side by side, Card Grid, Text Grid 총 4가지 타입이 있다.

...

컴포넌트를 추가하면, Default로 Mobile Features 타입의 헤더가 다음과 같이 출력된다.

...

...