Components · Input

Slider

네이티브 range. thumb는 원형 + canvas 테두리. 정확한 숫자가 필요하면 Field 같이.

Preview

Usage

<input class="slider" type="range" min="0" max="100" value="40">

Rules

DO

  • 현재 값을 라벨에 함께 표시 — 사용자 확인용.

DON'T

  • 정확한 수치 입력이 필요하면 Field + number input 사용.