Компонент AvatarDot используется как индикатор состояния (например, онлайн/офлайн) для аватара пользователя. Представляет собой цветной круг с опциональной анимацией пульсации (ping).
- Основное назначение: индикация статуса пользователя в паре с компонентом
Avatar. - Ключевые возможности:
- Выбор цвета из предустановленной палитры.
- Анимация пульсации для привлечения внимания.
- Возможность добавить содержимое через слот.
- Проброс любых атрибутов на корневой элемент.
| Проп | Тип | По умолчанию | Описание |
|---|
color | String | 'neutral' | Цвет точки. Возможные значения: 'primary', 'secondary', 'info', 'success', 'warning', 'error', 'neutral'. |
isPing | Boolean | false | Включает анимацию пульсации (эффект ping). |
className | String | | Дополнительные CSS-классы для корневого элемента. |
| Имя слота | Описание |
|---|
default | Позволяет разместить любое содержимое внутри точки-индикатора. |