Sha256: f18dec4f9c148d13017d9930dd31bb9b6d55a1d25a10d34ead4d0193d54b18d3

Contents?: true

Size: 617 Bytes

Versions: 3

Compression:

Stored size: 617 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.stop.prevent.window="focus"
    @keydown.stop>
    <button class="text-lookbook-button-text hover:text-lookbook-button-text-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

3 entries across 3 versions & 1 rubygems

Version Path
lookbook-1.0.0.beta.5 app/components/lookbook/filter/component.html.erb
lookbook-1.0.0.beta.4 app/components/lookbook/filter/component.html.erb
lookbook-1.0.0.beta.3 app/components/lookbook/filter/component.html.erb