Heading

Section heading. Wraps the Polaris <s-heading> web component.

Usage

<template>
  <ShHeading>Product details</ShHeading>
  <ShHeading accessibility-role="heading" :line-clamp="2">
    Long heading text that may be truncated
  </ShHeading>
</template>

Props

Prop	Type	Default	Description
`accessibilityRole`	`'none' \| 'presentation' \| 'heading'`	—	ARIA role
`lineClamp`	`number`	—	Max visible lines
`accessibilityVisibility`	`'visible' \| 'hidden' \| 'exclusive'`	—	Accessibility visibility

Slots

Slot	Description
`default`	Heading text

Polaris Element

Renders as <s-heading>. See Polaris Heading docs.

Edit this pageorReport an issue

Text

Styled text with tone and color control. Wraps the Polaris <s-text> web component.

Paragraph

Paragraph text. Wraps the Polaris <s-paragraph> web component.