Layout

Section

Section container with optional heading. Wraps the Polaris <s-section> web component.

Usage

<template>
  <ShSection heading="Details" padding="base">
    <p>Section content</p>
  </ShSection>
</template>

Props

PropTypeDefaultDescription
headingstringSection heading
padding'base' | 'none'Section padding
accessibilityLabelstringAccessible label

Slots

SlotDescription
defaultSection content

Polaris Element

Renders as <s-section>. See Polaris Section docs.

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

KiriminAja not affiliated with Shopify.