Importación

import-carousel.ts
import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';

NuiCarousel

Un carrusel de diapositivas.

Selector
nui-carousel
NuiCarousel: Propiedades
NombreTipoPredeterminadoDescripción
labelInputstringDa nombre al carrusel.
indexBidireccionalnumber0La primera diapositiva visible, desde 0.
perViewInputnumber | 'auto'1Diapositivas visibles a la vez, o auto para diapositivas que fijan su propio ancho.
gapInputstring'1rem'Espacio entre diapositivas, en cualquier longitud CSS.
loopInputbooleanfalsePasar de la última diapositiva lleva a la primera, y al revés.
autoplayInputnumber (ms)0Milisegundos entre diapositivas cuando avanza solo; con 0, no avanza.
controls, indicatorsInputbooleantrueLos botones de anterior y siguiente, y los puntos.
labelsInputPartial<NuiCarouselLabels>Todos sus textos, para traducirlos.
next, previousMétodo() => voidAvanza o retrocede una diapositiva.
goToMétodo(index: number) => voidDesplaza el carrusel hasta una diapositiva.

NuiCarouselSlide

Una diapositiva.

Selector
[nuiCarouselSlide]
NuiCarouselSlide: Propiedades
NombreTipoPredeterminadoDescripción
nuiCarouselSlideInputstringSu título, que se lee en lugar de su posición.