Contents

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

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
lookbook-1.0.0.beta.0	app/components/lookbook/tabs/component.html.erb