Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Current »

슬라이더는 Value Min과 Max 범위 내에서 값을 선택하기 위해 사용하는 컴포넌트이다.

( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1543733287/Input+Component#Common-options )

Basic

기본 UI는 다음과 같다. 슬라이더의 기본 방향은 Horizontal 이며, 옵션에서 Vertical 로 변경하여 사용 할 수 있다.

Min/Max/Step

슬라이더의 시작값과 마지막 값을 설정 할 수 있다.

설정한 Min/Max 범위 내에서의 간격 조절은 Step 옵션을 통해 조절 할 수 있다.

Disable Mask

슬라이더 컴포넌트를 Mask{OFF}로 설정하면 다음과 같이 마스크 표기 없이 사용 할 수 있다.

Synchronize with Input

슬라이더와 Input 컴포넌트를 함께 사용하는 옵션으로, 사용자가 선택한 값이 우측 입력 필드에 자동으로 입력된다.

  • No labels