Avatar

Utilice el componente Avatar como una representación gráfica de una persona a través de una imagen o foto de perfil, un ícono o una cadena con iniciales. El avatar es visualmente idéntico a la Ignite UI for Angular Avatar

Avatar Demo

Type

El Avatar puede llevar diferentes tipos de contenido como una imagen, una cadena con iniciales o un ícono.

Size

El Avatar viene en tres tamaños diferentes:

Grande: adecuado para páginas de perfil
Medio: apropiado para menús y visualizaciones personalizados
Pequeño: se integra fácilmente en una lista de contactos y escenarios repetitivos similares

Shape

El avatar se presenta en dos tipos distintos, determinados por su forma: circular y cuadrada. En Figma también apoyamos una forma cuadrada redondeada.

Estilismo

El Avatar viene con flexibilidad de estilo a través de las diversas opciones para el color de fondo, así como las iniciales y su estilo de texto, y el ícono y su color, cuando corresponda.

Usage

Cuando utilice un Avatar con iniciales o íconos, elija sus colores con cuidado para asegurar un buen contraste con el color de fondo del Avatar. Evite colores con poco contraste, como tonos similares del mismo color o combinaciones que creen aberraciones cromáticas.

Hacer	No

Additional Resources

Temas relacionados:

Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.