BS 5.3 + Pure CSS

ck-slide 샘플

크기별, 색상별, 실제 사용 예시를 한 파일에서 바로 볼 수 있게 정리한 단독 HTML입니다.

class 조합 예: ck-slide slide-m pri

1) 크기별

slide-big slide-m slide-s

2) 기본 상태 / 체크 상태

OFF ON OFF ON

4) 실제 사용 예

모두보기 사용 숨김

알림 ON 수동모드

5) 복붙용 HTML 예시

<label class="ck-slide-wrap">
  <input type="checkbox" class="ck-slide slide-m pri" checked>
  <span>모두보기</span>
</label>

6) 사용 가능한 class 조합

공통: ck-slide
크기: slide-big, slide-m, slide-s
색상: pri, success, danger, info, warning, secondary
라벨 래퍼: ck-slide-wrap