pantoken / renderers/web-components/src / avatar

Variable: avatar

const avatar: ElementDefinition

Alpha

<instui-avatar> — a circular (or rectangular) avatar. variant maps to -color-<variant>, size to -size-<size>, and shape="rectangle" to -shape-rectangle; slotted content is the initials, or an <img> (use an absolute/CDN src) to show a photo.

Example

<instui-avatar size="lg" margin="small">JS</instui-avatar>
<instui-avatar shape="rectangle" variant="green" margin="small">AB</instui-avatar>

JSAB