Components · Input

Switch

즉시 적용되는 토글. knob은 원형. 지연 적용이 필요하면 Checkbox.

Preview

Usage

<label class="switch">
  <input type="checkbox" checked>
  <span class="sw-track"></span>
  이메일 알림
</label>

Rules

DO

  • 설정·환경처럼 *즉시* 적용되는 토글에 사용.
  • knob 원형 유지.

DON'T

  • 제출이 필요한 폼 값에 사용 금지 — 그건 Checkbox.