Avatar Standard 19 - Avatar with Badge Top Left

Pro

Circular avatar with red count badge in top-left corner.

Shadcn Avatar Standard 19 component

Component Data

  • ID:avatar/avatar-standard-19
  • Access:pro
  • Created:Oct 25, 2025
  • Type:example

Avatar Standard 19 component design & features

This avatar positions a count or status badge in the top-left corner instead of the default top-right placement. The shadcn Avatar wrapper controls badge placement via positioning utilities.

Alternate badge corners help when UI density or neighboring elements would collide with the default top-right position.