Browse docs

<UserAvatar />

Standalone avatar — just the circle, no dropdown. Gravatar-backed with an identicon fallback and readable initials underneath while the image loads.

Copy this quickstart guide as a prompt for LLMs to implement KolayLogin in your application.

Usage

import { UserAvatar } from '@kolaylogin/react';

<UserAvatar size={40} />

Props

  • size — pixel edge length (default 28).
  • className — ships with inline styles; pass a class to override.
  • disableImage — skip the Gravatar fetch; initials only.

Needs <KolayLoginProvider> + a signed-in user to read the email hash from. When signed out, renders ? initials inside the default background.