Actions

ButtonGroup

Group of related buttons. Wraps the Polaris <s-button-group> web component.

Usage

<template>
  <ShButtonGroup gap="base">
    <ShButton variant="primary">Save</ShButton>
    <ShButton>Cancel</ShButton>
  </ShButtonGroup>
</template>

Props

PropTypeDefaultDescription
gap'base' | 'none'Gap between buttons
accessibilityLabelstringAccessible label

Slots

SlotDescription
defaultButton children

Polaris Element

Renders as <s-button-group>. See Polaris ButtonGroup docs.

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

KiriminAja not affiliated with Shopify.