Contents

<div id="<%= id %>" x-init="checked = <%= value == "true" ? "true" : "false" %>" data-param-input>
  <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': checked, 'bg-gray-300': !checked}"
    role="switch"
    @click.stop="checked = !checked; update('<%= name %>', checked)">
    <span
      aria-hidden="true"
      class="pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"
      :class="{'translate-x-5': checked, 'translate-x-0': !checked}"
    ></span>
  </button>
</div>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
lookbook-0.4.5	app/views/lookbook/workbench/inspector/params/_toggle.html.erb