Avatar Square 4 component design & features
This avatar adds a status indicator badge showing an online state, positioned at the edge of the Avatar container. The shadcn Avatar wraps the image and fallback with an overlaid status dot.
Online indicators appear in chat apps, collaboration tools, and team directories where presence status helps users know who is available.