Sha256: 519e1f82272f930ff24e8fdba744a8e6afd1691fc5d17e4e390b01b1d8dfcf64

Contents?: true

Size: 781 Bytes

Versions: 6

Compression:

Stored size: 781 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 })"
      @keydown.esc.stop="clear"
      @keydown.f.window="if (!($event.shiftKey || $event.metaKey || $event.ctrlKey || $event.altKey)) { focus(); $event.preventDefault(); $event.stopPropagation(); }"
      @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" @click="clear" :class="{hidden: !active}">
        <%= icon  :x, size: 3 %>
      </button>
  </div>
<% end %>

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
lookbook-2.0.2 app/components/lookbook/filter/component.html.erb
lookbook-2.0.1 app/components/lookbook/filter/component.html.erb
lookbook-2.0.0 app/components/lookbook/filter/component.html.erb
lookbook-2.0.0.rc.3 app/components/lookbook/filter/component.html.erb
lookbook-2.0.0.rc.2 app/components/lookbook/filter/component.html.erb
lookbook-2.0.0.rc.1 app/components/lookbook/filter/component.html.erb