Sha256: 716e7ded5583f1df344176dd5f21a8fc3a639993b1705d56cb77485efeaf2042

Contents?: true

Size: 743 Bytes

Versions: 28

Compression:

Stored size: 743 Bytes

Contents

<%= render_component_tag class: "flex items-center relative" do %>
  <div x-ref="tabs" class="<%= class_names [
    "flex items-stretch select-none min-w-0",
    {
      "h-10 space-x-6": @theme == :toolbar,
      "space-x-3": @theme == :page,
    }
  ] %>">
    <%= safe_join(tabs) %>
  </div>
  <div x-ref="dropdownTrigger" class="absolute" x-show="hasHiddenTabs" :style="{left: `${triggerLeft}px`}">
    <%= lookbook_render :icon_button, icon: :chevrons_right, "x-show": "visibleTabsCount > 0" %>
    <%= lookbook_render :icon_button, icon: :menu, class: "-ml-3", "x-show": "visibleTabsCount === 0" %>
  </div>
  <div class="hidden">
    <div x-ref="tabsDropdown" x-cloak>
      <%= safe_join(dropdown_tabs) %>
    </div>
  </div>
<% end %>

Version data entries

28 entries across 28 versions & 1 rubygems

Version Path
lookbook-2.3.4 app/components/lookbook/tabs/component.html.erb
lookbook-2.3.3 app/components/lookbook/tabs/component.html.erb
lookbook-2.3.2 app/components/lookbook/tabs/component.html.erb
lookbook-2.3.0 app/components/lookbook/tabs/component.html.erb
lookbook-2.2.2 app/components/lookbook/tabs/component.html.erb
lookbook-2.2.1 app/components/lookbook/tabs/component.html.erb
lookbook-2.2.0 app/components/lookbook/tabs/component.html.erb
lookbook-2.1.1 app/components/lookbook/tabs/component.html.erb
lookbook-2.1.0 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.5 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.4 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.3 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.2 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.1 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.0 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.0.rc.3 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.0.rc.2 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.0.rc.1 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.0.beta.9 app/components/lookbook/tabs/component.html.erb
lookbook-2.0.0.beta.8 app/components/lookbook/tabs/component.html.erb