AvatarGroup API

Documentação da API para o componente React AvatarGroup . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import AvatarGroup from '@mui/material/AvatarGroup';
// ou
import { AvatarGroup } from '@mui/material';

The name MuiAvatarGroup can be used when providing default props or style overrides in the theme.

Propriedades do componente nativo também estão disponíveis.

Nome	Tipo	Padrão	Descrição
children	node		The avatars to stack.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
component	elementType
componentsProps	{ additionalAvatar?: object }	{}	The props used for each slot inside the AvatarGroup.
max	number	5	Max avatars to show before +x.
slotProps	{ additionalAvatar?: object }	{}
spacing	'medium' \| 'small' \| number	'medium'	Spacing between avatars.
sx	Array<func \| object \| bool> \| func \| object		The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
total	number	children.length	The total number of avatars. Used for calculating the number of extra avatars.
variant	'circular' \| 'rounded' \| 'square' \| string	'circular'	A variante a usar.

O ref é encaminhado para o elemento raiz.

Nome da regra	Classe global	Descrição
root	.MuiAvatarGroup-root	Estilos aplicados ao elemento raiz.
avatar	.MuiAvatarGroup-avatar	Estilos aplicados a the avatar elements.

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.