Skip to content

Bêta

Ces composants App Bridge sont nouveaux et n'ont pas encore été testés dans une vraie interface d'administration Shopify. Pendant la bêta, leur API peut changer dans une version mineure. Si quelque chose ne fonctionne pas, ouvrez une issue.

Navigation de l'app ​

Avant de commencer, consultez Installation.

Shopify documente <s-app-nav> avec des enfants <s-link> pour la navigation de l'app ; voir le guide de l'app intégrée et la référence app nav de Shopify. Il n'existe pas non plus de composant React ; le guide de migration React de Shopify indique de le rendre directement. Cette bibliothèque n'a donc pas de composant pour lui, et la balise brute fonctionne avec la règle isCustomElement existante pour s-.

NavMenu génère l'ancien ui-nav-menu, pour les apps qui l'utilisent encore :

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>

Le fonctionnement de l'un ou l'autre de ces éléments avec Vue Router n'a pas encore été vérifié.

Publié sous licence MIT. Logo Vue par Evan You, CC BY-NC-SA 4.0.