Avatar

Этот компонент обычно используют для отображения изображения профиля пользователей. Так же отображает первую букву в имени контакта если изображение еще не загрузилось.

Base Avatar

Base

Avatar not image

Если нету картинки, отображается первая буква alt. Если alt не определен то отображается иконка по умолчанию.

Свойство altMax={number} определяет количество букв для показа.

NotImage

Color

Цвет компонента меняется через свойство color. Более подробно про цвет в этой статье.

Color

Size

Размер компонента изменяется через свойство size.

Size

Status

Можно отображать онлайн статус если status={true}

Status

StatusColor

StatusColor

Multiple avatar

Свойство srcs={[string]} принимает массив ссылок на изображения.

Multiple

AvatarGroup

GroupAndSize

API

Name	Type	Default	Description
children	node		Это контент между открывающим и закрывающим тегом компонента.
classes	object		Объект содержит jss стили компонента.
className	string		Чтобы указать CSS классы, используйте этот атрибут.
color	string	'default'	Название цвета в разных форматах.
src	string	''	url изображения.
srcs	[string]	[]	Массив url изображений.
alt	string	''	Альтернативный текст для изображений.
altMax	number	1	Количество первых букв alt для отображения если src пуст.
size	number	40	Размер компонента.
status	bool	false	Отображать статус или нет.
statusColor	string	'success'	Цвет статуса.