Basic UI

슬라이더는 Value Min과 Max 범위 내에서 값을 선택하기 위해 사용하는 컴포넌트이다. 기본 UI는 다음과 같으며, 슬라이더의 기본 방향을 Horizontal 또는 Vertical 로 변경하여 사용 할 수 있다.

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

...

Basic

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

...

...

Function

1. Min/Max/Step

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

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

...

2. Disable Mask

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

...

3. Synchronize with Input

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

...