Sha256: 12e9399f883eeddf77dad86f8fd53c8491778058a5f8e99c8fa15ea71e89b240

Contents?: true

Size: 641 Bytes

Versions: 3

Compression:

Stored size: 641 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}">
      <%= render_component :icon, name: :x, size: 3 %>
    </button>
</div>
<% end %>

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
lookbook-1.0.0.beta.2 app/components/lookbook/filter/component.html.erb
lookbook-1.0.0.beta.1 app/components/lookbook/filter/component.html.erb
lookbook-1.0.0.beta.0 app/components/lookbook/filter/component.html.erb