Sha256: cea011b783ff58dab6f3054f338dc7e28aa9b289a3a37bc68b658c86c17a1a07

Contents?: true

Size: 930 Bytes

Versions: 5

Compression:

Stored size: 930 Bytes

Contents

<%= render_component_tag class: "flex flex-col overflow-hidden h-full",
  "@filter:change.stop": "filter($event.detail.text)" do %>
  
  <% if label.present? %>
    <%= render_component :toolbar do |toolbar| %>
      <% toolbar.section padded: true do %>
        <h4 class="pt-1"><%= label %></h4>
      <% end %>
    <% end %>
  <% end %>

  <% if filter && items.any? %>
    <div class="p-2 pb-0">
      <%= filter %>
    </div>
  <% end %>

  <div class="overflow-auto">
    <% if items.any? %>
      <ul class="py-2" x-ref="items" x-show="!empty" x-cloak>
        <%= safe_join(items) %>
      </ul>
      <div class="p-4 text-center" x-show="empty" x-cloak>
        <h4 class="opacity-50 italic">No matching <%= label.downcase %>.</h4>
      </div>
    <% else %>
      <div class="p-4 text-center">
        <h4 class="opacity-50 italic">No <%= label.downcase %> available.</h4>
      </div>
    <% end %>
  </div>

<% end %>

Version data entries

5 entries across 5 versions & 1 rubygems

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