Sha256: 5ab60c5bf4be9f60d8f5f4509ddae7a8223e28c51cb71fc1886efeb79a5e1186

Contents?: true

Size: 1.4 KB

Versions: 38

Compression:

Stored size: 1.4 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-w-16 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

38 entries across 38 versions & 1 rubygems

Version Path
ariadne_view_components-0.0.91 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.90 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.89.1 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.89 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.88 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.87 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.9 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.8 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.7 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.6 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.5 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.4 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.3 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.2 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86.1 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.86 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.85 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.84 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.83.3 app/components/ariadne/layout/nav_bar/component.html.erb
ariadne_view_components-0.0.83.2 app/components/ariadne/layout/nav_bar/component.html.erb