Avatar

Utilice el componente Avatar como representación gráfica de una persona a través de una foto o imagen de perfil, un icono o una cadena con iniciales. El Avatar es visualmente idéntico al Ignite UI for Angular Componente 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 viene en dos tipos distintos, determinados por su forma: un círculo y un cuadrado. En Figma también admitimos 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.