Аватар

Avatar поддерживает адаптивные размеры, fallback при ошибке изображения, доступные подписи статуса, ссылки на профиль и группы с настраиваемым перекрытием.

Пример

Интерактивный пример

Дарья КоулПродуктовый дизайнер

Использование

Импортируйте компонент из публичной точки входа пакета.

import { Avatar } from "denjs-ui";

export function Example() {
  return (
    <Avatar
      alt=""
      name="Daria Cole"
      subtitle="Product designer"
      fallback="DC"
      status="success"
      statusLabel="Online"
    />
  );
}