Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

Basic

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

Min/Max/Step

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

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

Disable Mask

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

Synchronize with Input

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

Image RemovedImage Added