AvatarGroup
AvatarGroups exibem vários avatares agrupados em forma de pilha.
Quando usar:
- Utilize AvatarGroups quando, em um determinado contexto, vários usuários dividirem resposabilidades sobre uma informação ou regra de negócio.
Quando não usar:
- Em casos que apenas a informação de um usuário será apresentada.
Observações:
- Ao passar o mouse sobre cada Avatar será mostrado um tooltip com o nome do usuário, caso tenha sido informado.
- Quando o número de avatares foi maior que o valor especificado na prop maxCount será exibido um avatar com um contador indicando o número de avatares que foram suprimidos do AvatarGroup. Este contador é clicável e abre um Popover com a lista de avatares suprimidos.
Uso
js
<CdsAvatarGroup
:avatars
/>Preview
+3
Maya Rodriguez
Tina Smith
Paulo Williams
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
size | string | 'md' | sm md lg | Tamanho dos avatares do AvatarGroup |
avatars | array | [] | -- | Array de objetos contendo as propriedades dos Avatares. As props aqui aceitas são as mesmas da API do componente Avatar. |
maxCount | number | 4 | -- | O número máximo de avatares a ser exibido na lista. |