Basic UI

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

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

...

...

Function

1. Min/Max/Step

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

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

...

2. Disable Mask

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

...

3. Synchronize with Input

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

...