Componente

Carousel

Name: Django Components UI
Author: Javier Hernández

Carrusel de imágenes o contenido con autoplay, controles y paginación por puntos.

{% comp_carousel ... %}

Código a utilizar

template.html

{% comp_carousel items=[{"image": "https://picsum.photos/seed/slide1/900/450", "title": "Componentes Modernos", "description": "Biblioteca de componentes reutilizables para Django con Tailwind CSS."}, {"image": "https://picsum.photos/seed/slide2/900/450", "title": "Diseño Responsivo", "description": "Todos los componentes están optimizados para móvil, tablet y escritorio."}, {"image": "https://picsum.photos/seed/slide3/900/450", "title": "Fácil Integración", "description": "Un simple template tag es todo lo que necesitas para añadir cualquier componente."}] id="carousel-demo" autoplay=True interval=5000 height="400px" %}

Vista previa en vivo

1 / 3

API Props & Playground

Los cambios actualizan la vista previa en tiempo real

Prop	Valor	Default
`items` None	3 elementos	None
`id` 'main'		'main'
`autoplay` True		True
`interval` 5000		5000
`height` '400px'		'400px'
`classes` ''		''

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