Needless UI

Komponenten

Karussell

Folien in einer Reihe, die scrollt und einrastet, mit Buttons, Punkten und Rotation.

Import

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

NuiCarousel

Ein Karussell aus Folien.

Selektor
nui-carousel
NameTypStandardwertBeschreibung
labelInputstringBenennt das Karussell.
indexTwo-Waynumber0Die erste sichtbare Folie, ab 0.
perViewInputnumber | 'auto'1Gleichzeitig sichtbare Folien oder auto für Folien, die ihre Breite selbst bestimmen.
gapInputstring'1rem'Abstand zwischen den Folien, als beliebige CSS-Länge.
loopInputbooleanfalseNach der letzten Folie geht es mit der ersten weiter, und umgekehrt.
autoplayInputnumber (ms)0Millisekunden zwischen den Folien, wenn es sich von selbst dreht; bei 0 dreht es sich nicht.
controls, indicatorsInputbooleantrueDie Zurück- und Weiter-Buttons sowie die Punkte.
labelsInputPartial<NuiCarouselLabels>Alle Texte des Karussells, zum Übersetzen.
next, previousMethode() => voidGeht eine Folie weiter oder zurück.
goToMethode(index: number) => voidScrollt zu einer Folie.

NuiCarouselSlide

Eine Folie.

Selektor
[nuiCarouselSlide]
NameTypStandardwertBeschreibung
nuiCarouselSlideInputstringIhr Titel, der statt ihrer Position vorgelesen wird.