Needless UI

Bileşenler

Carousel

Kayan ve yerine oturan bir sıra slayt: düğmeler, noktalar ve otomatik geçiş.

İçe aktarma

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

NuiCarousel

Slaytlardan oluşan bir carousel.

Seçici
nui-carousel
AdTürVarsayılanAçıklama
labelGirdistringCarousel’i adlandırır.
indexÇift yönlünumber0Görünen ilk slayt, 0’dan başlayarak.
perViewGirdinumber | 'auto'1Aynı anda görünen slayt sayısı ya da genişliğini kendi belirleyen slaytlar için auto.
gapGirdistring'1rem'Slaytlar arasındaki boşluk; herhangi bir CSS uzunluğu.
loopGirdibooleanfalseSon slayttan ileri gidince ilkine, ilkinden geri gidince sonuncuya dönülür.
autoplayGirdinumber (ms)0Kendiliğinden dönerken slaytlar arasındaki milisaniye; 0 ise dönmez.
controls, indicatorsGirdibooleantrueÖnceki ve sonraki düğmeleri ile noktalar.
labelsGirdiPartial<NuiCarouselLabels>Carousel’in söylediği her metin; çeviri için.
next, previousMetot() => voidBir slayt ileri ya da geri gider.
goToMetot(index: number) => voidBir slaytı görünür alana getirir.

NuiCarouselSlide

Bir slayt.

Seçici
[nuiCarouselSlide]
AdTürVarsayılanAçıklama
nuiCarouselSlideGirdistringSlaytın başlığı; konumunun yerine okunur.