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
idstringYes—Popover identifier
blockSizestringNo—Block size
minBlockSizestringNo—Minimum block size
maxBlockSizestringNo—Maximum block size
inlineSizestringNo—Inline size
minInlineSizestringNo—Minimum inline size
maxInlineSizestringNo—Maximum 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.