アプリナビゲーション

始める前にインストールを参照してください。

Shopify は、アプリナビゲーションとして <s-link> を子に持つ <s-app-nav> を文書化しています。 埋め込みアプリガイドと、Shopify の app nav リファレンス を参照してください。これにも React コンポーネントはありません。Shopify の React 移行ガイド では、直接レンダリングするよう述べています。そのためこのライブラリにはこの要素のコンポーネントがなく、 生のタグは既存の s- の isCustomElement ルールでそのまま動作します。

NavMenu は、まだ使っているアプリ向けに、従来の ui-nav-menu をレンダリングします。

<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>

どちらの要素も Vue Router と組み合わせたときの動作は、まだ検証されていません。