Slider

값을 선택하거나 조절할 수 있는 컴포넌트입니다.
슬라이더를 통해 변경 값을 즉각 조정하여 적용합니다.

Anatomy

  • 1. Minus/Plus

    범주의 방향을 표시합니다.

  • 2. Track

    변경할 수 있는 범위를 표시합니다.

  • 3. Controller

    변경을 위해 조정할 수 있는 인디케이터입니다.

  • 4. Tick Mark

    값을 선택할 때 도움을 줄 수 있는 눈금입니다.

  • 5. Value Text

    컨트롤러 위치에 해당하는 숫자 값을 즉각 표시합니다.

  • 6. Reset Button

    설정값을 초기화하는 버튼입니다.

Types

General Slider

설정값을 조절하기 위해 사용합니다.
사용자가 특정 값을 쉽게 선택할 수 있도록 눈금, 초기화 버튼등을 제공합니다.

변경할 수 있는 적정한 전체 범위를 제공합니다.

컨트롤러 위치에 따라 즉각 값이 적용되어 불필요한 버튼을 제공하지 않습니다.

Usage

General Usage

컬러 대비를 통해 컨트롤러의 위치를 명확하게 표시합니다.

  • Anatomy
  • Types
    • General Slider
  • Usage
    • General Usage