Sha256: 689630dc7eee7c8e6822dbed1f6b2874422a3a1dfa1484ae261f6febf3ac8c26

Contents?: true

Size: 708 Bytes

Versions: 7

Compression:

Stored size: 708 Bytes

Contents

<div x-data="param('<%= name %>', <%= j(value) %>)" data-morph-strategy="replace">
  <button type="button"
    class="relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-400"
    :class="{'bg-indigo-500': value, 'bg-gray-300': !value}"
    role="switch"
    @click.stop="value = !value;">
    <span
      aria-hidden="true"
      class="pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200"
      :class="{'translate-x-5': value, 'translate-x-0': !value}"
    ></span>
  </button>
</div>

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
lookbook-0.9.8 app/views/lookbook/previews/inputs/_toggle.html.erb
lookbook-0.9.7 app/views/lookbook/previews/inputs/_toggle.html.erb
lookbook-0.9.6 app/views/lookbook/previews/inputs/_toggle.html.erb
lookbook-0.9.5 app/views/lookbook/previews/inputs/_toggle.html.erb
lookbook-0.9.4 app/views/lookbook/previews/inputs/_toggle.html.erb
lookbook-0.9.3 app/views/lookbook/previews/inputs/_toggle.html.erb
lookbook-0.9.2 app/views/lookbook/previews/inputs/_toggle.html.erb