Icon

Icon display. Wraps the Polaris <s-icon> web component.

Usage

<template>
  <ShIcon type="arrow-right" size="base" />
  <ShIcon type="alert-circle" tone="critical" />
</template>

Prop	Type	Default	Description
`type`	`PolarisIcon`	—	Icon name
`size`	`'small' \| 'base'`	—	Icon size
`tone`	`'info' \| 'success' \| 'warning' \| 'critical' \| 'auto' \| 'neutral' \| 'caution'`	—	Color tone
`color`	`'base' \| 'subdued'`	—	Icon color
`interestFor`	`string`	—	Target for interest

Slot	Description
`default`	Additional content

Renders as <s-icon>. See Polaris Icon docs.

Paragraph

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

Image

Optimized image display. Wraps the Polaris <s-image> web component.