Popover is used to display content in an overlay that can be triggered by a button.

See:

• https://shopify.dev/docs/api/app-home/polaris-web-components/overlays/popover

Examples

<.s_button command_for="product-options-popover">Product options</.s_button>

<.s_popover id="product-options-popover" accessibilityLabel="Product options">
  <.s_stack direction="column" gap="small-500" padding="small-200 small-300">
    <.s_button variant="tertiary">Import</.s_button>
    <.s_button variant="tertiary">Export</.s_button>
  </.s_stack>
</.s_popover>

Attributes

• id (:string) (required)
• block_size (:any) - SizeUnitsOrAuto - Adjust the block size.
• inline_size (:any) - SizeUnitsOrAuto - Adjust the inline size.
• max_block_size (:any) - SizeUnitsOrNone - Adjust the maximum block size.
• max_inline_size (:any) - SizeUnitsOrNone - Adjust the maximum inline size.
• min_block_size (:any) - SizeUnits - Adjust the minimum block size.
• min_inline_size (:any) - SizeUnits - djust the minimum inline size.
• Global attributes are accepted.

Slots

• inner_block