Back to components
UI component

Avatar

Circular avatar with image, fallback initials, and online status dot.

Install

What it does

  • Image avatar with expo-image caching
  • Initials fallback when no image provided
  • Online/offline status dot indicator
  • Configurable size

When to use

Use it

User profile pictures, comment threads, member lists, chat headers.

Skip it

Product images (use a Card or Image component instead).

Files & routes added

  • components/ui/avatar.tsx

Related components