App navigation

Before you start, see Install.

Shopify documents <s-app-nav> with <s-link> children for app navigation; see the embedded-app guide and Shopify's app nav reference. It has no React component either; Shopify's React migration guide says to render it directly. So this library has no component for it, and the raw tag works with the existing s- isCustomElement rule.

NavMenu renders the older ui-nav-menu, for apps that still use it:

vue

<script setup lang="ts">
import { NavMenu } from 'polaris-vue-elements/app-bridge'
</script>

<template>
  <NavMenu>
    <a href="/" rel="home">Home</a>
    <a href="/templates">Templates</a>
  </NavMenu>
</template>

How either element works together with Vue Router has not been verified yet.

App navigation ​

App navigation