Vega Logo
v1.0.0
Slider
슬라이더(Slider)는 사용자가 주어진 범위 내에서 값을 직접 선택하는 컴포넌트 입니다. 사용자에게 현재 선택한 값을 표시해야합니다.
Anatomy
  1. 트랙 : 주어진 범위에 사용자가 직접 선택하여 값을 조정할 수 있는 클릭 영역
  2. 선택된 범위 : 사용자가 선택한 범위 표출
  3. 핸들러 : 사용자가 직접 클릭하여 값을 이동하며 선택한 값의 위치를 정확하게 알 수 있음
  4. 최소값 : 주어진 범위의 최소값 표출
  5. 최대값 : 주어진 범위의 최대값 표출
  6. 선택한 값 : 핸들이 Active 상태에서 현재 선택된 값이 유동적으로 표출
State
슬라이더 아이템의 각 상태를 나타냅니다.
Type

Default

0

100

0

100

Input

0

0

Icon

To be implemented

Range

0

100

0

100

Range with input