Polaris ViewComponents

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
<div class="shp-Navigation">
  <div class="Polaris-LegacyStack Polaris-LegacyStack--alignmentCenter Polaris-LegacyStack--spacingNone">
    <ul role="tablist" class="shp-Navigation_Items">
      <li class="shp-Navigation_Item" role="presentation"><a href="/page1" role="tab" data-polaris-unstyled="true" aria-selected="true" class="shp-Navigation_Link"><span class="shp-Navigation_LinkText">Page 1</span></a></li>
      <li class="shp-Navigation_Item" role="presentation"><a href="/page2" role="tab" data-polaris-unstyled="true" aria-selected="false" class="shp-Navigation_Link"><span class="shp-Navigation_LinkText">Page 2</span></a></li>
      <li class="shp-Navigation_Item" role="presentation"><a href="https://shopify.com" role="tab" data-polaris-unstyled="true" aria-selected="false" target="_blank" class="shp-Navigation_Link"><span class="shp-Navigation_LinkText">Shopify</span></a></li>
    </ul>
  </div>
</div>
1
2
3
4
5
<%= polaris_shopify_navigation(auto_detect_active: true) do |nav| %>
  <% nav.with_link(url: "/page1", active: true) { "Page 1" } %>
  <% nav.with_link(url: "/page2") { "Page 2" } %>
  <% nav.with_link(url: "https://shopify.com", target: "_blank") { "Shopify" } %>
<% end %>

No notes provided.

No params configured.