pantoken / renderers/web-components/src / avatar

متغير: avatar ​

const avatar: ElementDefinition

ألفا

<instui-avatar> — صورة شخصية دائرية (أو مستطيلة). variant تُطابق -color-<variant>, size تُطابق -size-<size>, و shape="rectangle" تُطابق -shape-rectangle; المحتوى المُدرج هو الأحرف الأولى، أو <img> (استخدم src بالمسار المطلق/شبكة CDN) لعرض صورة.

مثال ​

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