Sha256: cc97c3a0e7099a703e8f5c2c22a6e8f15ed6f197067109a2c30898f0a80c5f3a

Contents?: true

Size: 803 Bytes

Versions: 12

Compression:

Stored size: 803 Bytes

Contents

<%= render_component_tag do %>
  <div class="relative">
    <input
      type="text"
      class="form-input text-sm"
      placeholder="<%== @placeholder %>"
      x-ref="input"
      x-model="<%= @model %>"
      x-effect="$dispatch('filter:change', { text, filter: this })"
      x-on:keydown.esc.stop="clear"
      x-on:keydown.f.window="if (!($event.shiftKey || $event.metaKey || $event.ctrlKey || $event.altKey)) { focus(); $event.preventDefault(); $event.stopPropagation(); }"
      x-on:keydown.stop>
      <button class="text-lookbook-icon-button-stroke hover:text-lookbook-icon-button-stroke-hover focus:ring-0 focus:outline-none absolute top-1/2 right-3 -translate-y-1/2" x-on:click="clear" x-bind:class="{hidden: !active}">
        <%= icon  :x, size: 3 %>
      </button>
  </div>
<% end %>

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
lookbook-2.3.4 app/components/lookbook/filter/component.html.erb
lookbook-2.3.3 app/components/lookbook/filter/component.html.erb
lookbook-2.3.2 app/components/lookbook/filter/component.html.erb
lookbook-2.3.0 app/components/lookbook/filter/component.html.erb
lookbook-2.2.2 app/components/lookbook/filter/component.html.erb
lookbook-2.2.1 app/components/lookbook/filter/component.html.erb
lookbook-2.2.0 app/components/lookbook/filter/component.html.erb
lookbook-2.1.1 app/components/lookbook/filter/component.html.erb
lookbook-2.1.0 app/components/lookbook/filter/component.html.erb
lookbook-2.0.5 app/components/lookbook/filter/component.html.erb
lookbook-2.0.4 app/components/lookbook/filter/component.html.erb
lookbook-2.0.3 app/components/lookbook/filter/component.html.erb