CoreAvatar

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Круглая картинка пользователя или бренда: рядом с именем, в списках авторов, комментариях. src и alt — строки, примеры полностью рабочие.

Аватар с изображением

Размеры и форма

size — в пикселях, shape — circle или square:

Аватар из имени

Без картинки — инициалы по name:

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.

MDC

Круглая картинка пользователя или бренда: рядом с именем, в списках авторов, комментариях. `src` и `alt` — строки, примеры полностью рабочие.

### Аватар с изображением

:core-avatar{src="/images/d2n-team.jpg" alt="Команда d2n"}

### Размеры и форма

`size` — в пикселях, `shape` — `circle` или `square`:

::div{.flex.flex-wrap.gap-2}
  :core-avatar{src="/images/d2n-team.jpg" alt="Команда d2n" size="48"}
  :core-avatar{src="/images/brand-logo.svg" alt="Логотип d2n" size="32" shape="square" bordered}
::

### Аватар из имени

Без картинки — инициалы по `name`:

:core-avatar{name="Core QA"}