Overviews
  • welcome
  • FAQs
  • components
    • Bases
  • typography
  • colors
    • Elements
  • button
  • input
  • tag
  • checkbox
  • switch
  • badge
  • list
  • selectbox
  • message
  • tabs
  • cards
  • segments
  • table
  • pagination
  • panel
  • calendar
    • Layouts
  • form
  • grid
  • grid2
    • Modules
  • modal
  • toast

    • Switch

    부드러운 전환 효과를 가진 on/off 토글 형태의 입력 컴포넌트.

    Base 1

    <label class="ga-switch slide">
    <input type="checkbox" checked />
    <span class="switch"/>
</label>

    Base 2

    <label class="ga-switch slide inside">
    <input type="checkbox" checked />
    <span class="switch"/>
</label>

    Round

    <label class="ga-switch slide">
    <input type="checkbox" checked />
    <span class="switch round"/>
</label>

    Button

    <label class="ga-switch button">
    <input type="checkbox" checked />
    <span class="on active">ON</span>
    <span class="off">OFF</span>
</label>