AppNav

App sidebar navigation. Wraps the Polaris <s-app-nav> web component.

Usage

<template>
  <ShAppNav>
    <a href="/" rel="home">Home</a>
    <a href="/products">Products</a>
    <a href="/settings">Settings</a>
  </ShAppNav>
</template>

Most apps should use <ShApp> instead, which renders <ShAppNav> automatically from the navLinks config.

Props

This component has no explicit props. All attributes are forwarded to the underlying <s-app-nav> element.

Slots

Slot	Description
`default`	Navigation link items

Polaris Element

Renders as <s-app-nav>. See Polaris AppNav docs.

Edit this pageorReport an issue

Tooltip

Tooltip overlay. Wraps the Polaris <s-tooltip> web component.

Dropdown menu. Wraps the Polaris <s-menu> web component.