Sha256: 689c2361e734cb7fd902aaa10d2083319e97cdb8c8ba7a986b2cba09c347b76d

Contents?: true

Size: 1.39 KB

Versions: 4

Compression:

Stored size: 1.39 KB

Contents

<header class="<%= style %>">
  <div class="ariadne-mx-auto ariadne-px-2 sm:ariadne-px-4 lg:ariadne-px-8">
    <nav class="ariadne-flex ariadne-h-16 ariadne-justify-between">
      <div class="ariadne-flex ariadne-px-2 lg:ariadne-px-0">
        <% leading_items.each_with_index do |leading_item, idx| %>
          <div class="<%= style(:leading_item, initial: initial?(idx)) %>">
            <%= leading_item %>
          </div>
        <% end %>
      </div>
      <div class="ariadne-flex ariadne-items-center ariadne-space-x-4 lg:ariadne-space-x-6 ariadne-mx-6">
        <% @links.each do |link| %>
          <a
            aria-current="<%= link[:current] ? "page" : "false" %>"
            href="<%= link[:href] %>"
            class="<%= style(:tab, active: link[:current] ? :yes : :no) %>">
            <span class="ariadne-inline-block ariadne-rounded-md group-hover:ariadne-bg-zinc-200/20 dark:group-hover:ariadne-bg-zinc-700/20">
              <span class="ariadne-px-1.5"><%= link[:label] %></span>
            </span>
          </a>
        <% end %>
      </div>
      <div class="ariadne-hidden lg:ariadne-ml-4 lg:ariadne-flex lg:ariadne-items-center">
        <% trailing_items.each_with_index do |trailing_item, idx| %>
          <div class="<%= style(:trailing_item, initial: final?(idx)) %>">
            <%= trailing_item %>
          </div>
        <% end %>
      </div>
    </nav>
  </div>
</header>

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
ariadne_view_components-0.0.93.2 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.93.1 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.93 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.92 app/components/ariadne/layout/nav_bar/component.html.erb