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.