Exibição de dados

Initials fallback avatar

Um único avatar que mostra uma foto quando fornecida; caso contrário, centraliza duas letras de iniciais em uma forma de cor suave.

Como usar Initials fallback avatar

Um único avatar que mostra uma foto quando fornecida; caso contrário, centraliza duas letras de iniciais em uma forma de cor suave.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: size, shape, accent, label

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2245Status AvatarExibição de dadosUm avatar redondo que volta às iniciais sem imagem e pode carregar um pequeno crachá de status online ou empilhá-lo com outros.

2369Initials avatar clusterExibição de dadosUma fileira de tokens com iniciais redondas que resumem um grupo de pessoas, terminando em uma contagem excessiva silenciosa para o restante.

1917Avatar Lineup HoverExibição de dadosUma fileira de círculos de avatar sobrepostos onde passar o mouse o eleva acima de seus vizinhos e revela uma dica de nome.

1918Avatar StackExibição de dadosUma linha de avatares circulares sobrepostos que separa e levanta aquele que está sob o ponteiro, revelando uma dica de nome acima dele.

2016Presence Avatar ClustersExibição de dadosDois grupos de avatares sobrepostos, online e offline, onde clicar em um avatar o desliza para o outro grupo enquanto seu retrato muda para ou da escala de cinza.

2299Animated metric counterExibição de dadosUm grande número simples que surge de um valor inicial até seu destino no momento em que é exibido, ultrapassando um pouco antes de se estabilizar, com separadores de milhares e um sufixo opcional.