Navigation

Popover

Popover overlay. Wraps the Polaris <s-popover> web component.

Usage

<template>
  <ShButton interest-for="my-popover">More info</ShButton>
  <ShPopover id="my-popover">
    <p>Popover content here</p>
  </ShPopover>
</template>

Props

PropTypeRequiredDefaultDescription
idstringYesPopover identifier
blockSizestringNoBlock size
minBlockSizestringNoMinimum block size
maxBlockSizestringNoMaximum block size
inlineSizestringNoInline size
minInlineSizestringNoMinimum inline size
maxInlineSizestringNoMaximum inline size

Slots

SlotDescription
defaultPopover content

Polaris Element

Renders as <s-popover>. See Polaris Popover docs.

© 2026 KiriminAja. Polaris and Shopify are trademarks of Shopify Inc.

KiriminAja not affiliated with Shopify.