Table of Contents | ||||
---|---|---|---|---|
|
Basic
슬라이더는 Value Min과 Max 범위 내에서 값을 선택하기 위해 사용하는 컴포넌트로 기본 UI는 다음과 같다. 슬라이더 방향의 Default는 Horizontal
이며, 옵션에서 Vertical
로 변경하여 사용 할 수 있다.
Min/Max/Step
슬라이더의 시작값과 마지막 값을 설정 할 수 있다.
설정한 Min/Max 범위 내에서의 간격 조절은 Step 옵션을 통해 조절 할 수 있다.
Disable Mask
슬라이더 컴포넌트를 Mask{OFF}
로 설정하면 다음과 같이 마스크 표기 없이 사용 할 수 있다.
Synchronize with Input
슬라이더와 Input
컴포넌트를 함께 사용하는 옵션으로, 사용자가 선택한 값이 우측 입력 필드에 자동으로 입력된다.