Needless UI

Komponen

Carousel

Deretan slide yang bergulir dan berhenti tepat di tempatnya, dengan tombol, titik, dan rotasi.

Impor

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

NuiCarousel

Carousel berisi slide.

Selektor
nui-carousel
NamaTipeDefaultDeskripsi
labelInputstringMenamai carousel.
indexDua arahnumber0Slide pertama yang terlihat, mulai dari 0.
perViewInputnumber | 'auto'1Jumlah slide yang terlihat sekaligus, atau auto untuk slide yang menentukan lebarnya sendiri.
gapInputstring'1rem'Jarak antar-slide, dalam panjang CSS apa pun.
loopInputbooleanfalseMelewati slide terakhir akan kembali ke slide pertama, begitu pula sebaliknya.
autoplayInputnumber (ms)0Milidetik antar-slide saat carousel berputar sendiri; 0 berarti tidak berputar.
controls, indicatorsInputbooleantrueTombol sebelumnya dan berikutnya, serta titik-titiknya.
labelsInputPartial<NuiCarouselLabels>Semua teks yang disampaikan carousel, untuk diterjemahkan.
next, previousMetode() => voidMaju atau mundur satu slide.
goToMetode(index: number) => voidMenggulir sebuah slide ke dalam tampilan.

NuiCarouselSlide

Sebuah slide.

Selektor
[nuiCarouselSlide]
NamaTipeDefaultDeskripsi
nuiCarouselSlideInputstringJudulnya, yang dibacakan sebagai ganti posisinya.