Componente

Image

Name: Django Components UI
Author: Javier Hernández

Imagen responsiva con esquinas redondeadas y ajuste de encuadre (cover, contain, fill...).

{% comp_image ... %}

Código a utilizar

template.html

{% comp_image src="https://picsum.photos/seed/demo/600/400" alt="Imagen de muestra" width="100%" height="400px" rounded=True %}

Los cambios actualizan la vista previa en tiempo real

Prop	Valor	Default
`src` None		None
`alt` ''		''
`width` 'auto'		'auto'
`height` 'auto'		'auto'
`rounded` True		True
`classes` ''		''
`object_fit` Ajuste del contenido de imagen 'cover'		'cover'

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