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
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
id | string | Yes | — | Popover identifier |
blockSize | string | No | — | Block size |
minBlockSize | string | No | — | Minimum block size |
maxBlockSize | string | No | — | Maximum block size |
inlineSize | string | No | — | Inline size |
minInlineSize | string | No | — | Minimum inline size |
maxInlineSize | string | No | — | Maximum inline size |
Slots
| Slot | Description |
|---|---|
default | Popover content |
Polaris Element
Renders as <s-popover>. See Polaris Popover docs.