토글 스위치
켜고 끄면 즉시 반영되는 설정. 저장 버튼을 눌러야 반영되면 체크박스를 쓰세요.
코드
<label class="jt-switch">
<input type="checkbox" role="switch" checked>
<span class="jt-switch-track"></span> 재고소진 박스 포함
</label>하지 말 것
- 저장이 필요한 폼 안에 토글을 쓰지 마세요. 사용자는 이미 반영된 줄 압니다.
- 토글에 ‘예/아니오’ 라벨을 붙이지 마세요. 켜짐/꺼짐이 이미 보입니다.
접근성
role="switch"필수 — 없으면 스크린리더가 체크박스로 읽습니다- 라벨 글자를 눌러도 전환됩니다
앱에서 모양 바꾸기
이 컴포넌트는 별도 노브가 없습니다. 크기·색이 다르게 필요하면 도움말로 요청하세요 — 토큰에 먼저 추가한 뒤 씁니다.