슬라이더
대략적인 값을 빠르게 정할 때. 정확한 값이 중요하면 숫자 입력을 함께 두세요.
코드
<label class="jt-label" for="pad">측면 완충재 <span class="jt-num">10 mm</span></label>
<input class="jt-slider" type="range" id="pad" min="0" max="50" value="10">하지 말 것
- 값을 숫자로 병기하지 않으면 안 됩니다. 막대 위치만으로는 지금 값이 얼마인지 알 수 없습니다.
접근성
<label>을for로 연결- 키보드 화살표로 조절됩니다 — 직접 만들지 마세요
앱에서 모양 바꾸기
이 컴포넌트는 별도 노브가 없습니다. 크기·색이 다르게 필요하면 도움말로 요청하세요 — 토큰에 먼저 추가한 뒤 씁니다.