Importación
import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';NuiCarousel
Un carrusel de diapositivas.
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
labelInput | string | Da nombre al carrusel. | |
indexBidireccional | number | 0 | La primera diapositiva visible, desde 0. |
perViewInput | number | 'auto' | 1 | Diapositivas visibles a la vez, o auto para diapositivas que fijan su propio ancho. |
gapInput | string | '1rem' | Espacio entre diapositivas, en cualquier longitud CSS. |
loopInput | boolean | false | Pasar de la última diapositiva lleva a la primera, y al revés. |
autoplayInput | number (ms) | 0 | Milisegundos entre diapositivas cuando avanza solo; con 0, no avanza. |
controls, indicatorsInput | boolean | true | Los botones de anterior y siguiente, y los puntos. |
labelsInput | Partial<NuiCarouselLabels> | Todos sus textos, para traducirlos. | |
next, previousMétodo | () => void | Avanza o retrocede una diapositiva. | |
goToMétodo | (index: number) => void | Desplaza el carrusel hasta una diapositiva. |
NuiCarouselSlide
Una diapositiva.
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
nuiCarouselSlideInput | string | Su título, que se lee en lugar de su posición. |