Avatar a src, an icon or text as children, and longer text like "User" scales down to fit the circle.variant to filled, solid or outlined to choose how color is painted, with filled as the default once a color is set.color to any color name, here every one the theme defines, and switch variant to compare the three treatments.shape to square or squircle, a smooth superellipse corner, instead of the default circle.size to small, medium or large, or to a number of pixels for any other size.size an object of breakpoints to change the avatar's size with the screen width, from xs up to xxl.children scales down to fit the circle, so one, two or three letters all stay inside it.gap to change the space between the text and the edge of the circle, where a larger gap makes the text smaller.src, and srcSet for sharper screens, to show a photo, with alt naming the person for screen readers.icon any node, like an Icon from your pack, and color the avatar with color or a bg-* class.src fails to load, the avatar shows its children or icon instead, so pass the initials or icon you would show anyway.Skeleton.Avatar at the same size and shape while data loads, so the row does not move when the avatar arrives.indicator, and a Tooltip that says it in words.grayscale to className to desaturate an avatar until it is hovered, the usual way a directory marks someone as away.indicator a node, like a childless Badge or an icon, to place it on the avatar's corner, on the edge of any shape.indicatorPosition to a corner, or to top-center or bottom-center for the middle of an edge. start and end follow the text direction.Badge in indicator for a count, a dot, a capped count like 9+, an icon or a status dot.ring-* class with ring-offset-container to draw a ring outside the avatar, for a selected or error state.Progress sized from the avatar's pixel size, for a completion ring that can change color with the value.border-container to make the gap, for unseen, seen, live, broadcasting and dashed stories.Button on each avatar that shows on hover and on focus, with an aria-label naming the person it removes.Avatar.Group to overlap them, and set max.count to fold the rest into a +2 chip that lists them on hover.size and shape on the group to apply them to every avatar inside it.overlap to none, medium or large to change how far each face slides under the last, and add classes for a staggered or shadowed stack.Tooltip to show its name on hover, since a stacked group hides everyone's name.surface to put the group on a raised pill whose corners follow shape and whose avatar rings match it, with room for a label.expandOnHover to spread the stack, or lift or color one face with classes. Tooltip.UniqueProvider slides one bubble between the faces.Button with the avatar prop so the picture gets a keyboard-reachable trigger.size set once on the group.indicator, matched by a status tag at the end of the row.Avatar's props. Rows marked antuikit in the Version column are added by the kit.Avatar.Group's props.