Page Comparison

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

...

Header with Video가 아래와 같이 출력된다. 화면에 마우스 오버시 Display Controls가 출력되고, Auto Play로 영상은 화면 진입시 바로 자동 재생된다. Loop가 ON이기 때문에 영상 종료 후에도 계속 반복 재생되고, Muted 처리되어 음소거 상태로 영상이 재생된다. Muted를 화면에서 해제하여 소리나게 변경할 수 있다.

...

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

...

챠트를 함께 사용하는 헤더 컴포넌트이다. 컴포넌트 추가 초기 화면은 다음과 같다.

...

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

...

05. with Device

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

...

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

...

디바이스 이미지를 삽입하여 활용할 수 있는 헤더 컴포넌트이다. 컴포넌트를 추가시 Default 화면은 다음과 같다.

...

디바이스 이미지 삽입을 원치 않는다면 Hide Image 옵션을 ON으로 설정하면 된다.

...

Heading과 Text는 해당 영역을 클릭하여 설정할 수 있다.

...

버튼을 추가, 삭제, 수정 할 수 있다.

...

설정() 아이콘을 클릭하면 버튼 상세 설정 화면이 Modal로 출력 된다.

...

...