Details
children
node
Default is - The avatars to stack.classes
object
Default is - Override or extend the styles applied to the component.See CSS classes API below for more details.component
elementType
Default is - The component used for the root node. Either a string to use a HTML element or a component.componentsProps
{ additionalAvatar?: object }
Default is - The extra props for the slot components. You can override the existing props or add new ones.This prop is an alias for the slotProps prop.Deprecated-use the slotProps prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.max
number
Default is 5 Max avatars to show before +x.renderSurplus
func
Default is - custom renderer of extraAvatarsSignature:function(surplus: number) => React.ReactNodesurplus number of extra avatarsReturns: custom element to displayslotProps
{ additionalAvatar?: object, surplus?: func| object }
Default is The props used for each slot inside.slots
{ surplus?: elementType }
Default is The components used for each slot inside.spacing
'medium'| 'small'| number
Default is 'medium' Spacing between avatars.sx
Array<func| object| bool>| func| object
Default is - The system prop that allows defining system overrides as well as additional CSS styles.See thesx
page for more details.total
number
Default is children.length The total number of avatars. Used for calculating the number of extra avatars.variant
'circular'| 'rounded'| 'square'| string
Default is 'circular' The variant to use.