Definiamo nella pagina index un array con i dati delle slide: Importiamo il nostro componente Carousel passandogli le slide: Definiamo il componente Carousel importando i componenti necessari, oltre ad un foglio di stile:
Denominazione dei componenti
Denominiamo il componente MyCarousel per distinguerlo da quello che importiamo nella prima riga, e che ci servirà da base. Nota però che nella pagina index abbiamo importato MyCarousel denominandolo semplicemente Carousel.
Ecco la struttura del componente: Che darà questo risultato: Il foglio di stile è questo:
Transizioni
È possibile cambiare il tipo di transizione agendo su questi attributi del componente che abbiamo importato: