Componente

Avatar

Avatar de usuario con inicial o imagen, tamaños xs–xl y nombre opcional.

{% comp_avatar ... %}

Código a utilizar

template.html
{% comp_avatar user={"first_name": "Javier", "last_name": "Hernández", "role": "Project Manager", "email": "javier@empresa.com"} size="md" show_name=True %}

Vista previa en vivo

JH
Usuario Desconocido Project Manager

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
user
None
4 elementos
size
Tamaño del componente
'md'
show_name
False
classes
''

Carga la librería con {% load components_ui %} antes de usar el componente.