Avatar

User avatar. Wraps the Polaris <s-avatar> web component.

Usage

<template>
  <ShAvatar initials="JD" size="base" />
  <ShAvatar src="https://example.com/avatar.jpg" alt="John Doe" size="large" />
</template>

Prop	Type	Default	Description
`initials`	`string`	—	Initials text
`src`	`string`	—	Image source URL
`alt`	`string`	—	Alt text
`size`	`'small' \| 'small-200' \| 'base' \| 'large' \| 'large-200'`	—	Avatar size

Slot	Description
`default`	Additional content

Renders as <s-avatar>. See Polaris Avatar docs.

Thumbnail

Thumbnail image. Wraps the Polaris <s-thumbnail> web component.

Chip

Chip/tag element. Wraps the Polaris <s-chip> web component.