App-Navigation

Bevor Sie beginnen, lesen Sie Installation.

Shopify dokumentiert <s-app-nav> mit <s-link>-Kindern für die App-Navigation; siehe die Anleitung zu eingebetteten Apps und Shopifys App-Nav-Referenz. Auch dafür gibt es keine React-Komponente; Shopifys React-Migrationsanleitung sagt, man solle es direkt rendern. Deshalb hat diese Bibliothek keine Komponente dafür, und das rohe Tag funktioniert mit der vorhandenen isCustomElement-Regel für s-.

NavMenu rendert das ältere ui-nav-menu, für Apps, die es noch verwenden:

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>

Wie beide Elemente mit Vue Router zusammenarbeiten, wurde noch nicht verifiziert.

App-Navigation ​

App-Navigation