Needless UI

Mga component

Carousel

Mga slide sa isang hanay na nag-i-scroll at nag-i-snap, may mga button, tuldok at rotation.

Import

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

NuiCarousel

Isang carousel ng mga slide.

Selector
nui-carousel
PangalanUriDefaultPaglalarawan
labelInputstringPinapangalanan ang carousel.
indexTwo-waynumber0Ang unang slide na nakikita, mula sa 0.
perViewInputnumber | 'auto'1Ilang slide ang sabay na nakikita, o auto para sa mga slide na may sariling lapad.
gapInputstring'1rem'Espasyo sa pagitan ng mga slide, bilang kahit anong CSS length.
loopInputbooleanfalseBumabalik sa una kapag lumampas sa huling slide, at pabaligtad din.
autoplayInputnumber (ms)0Mga millisecond sa pagitan ng mga slide kapag kusa itong umiikot; hindi ito umiikot kapag 0.
controls, indicatorsInputbooleantrueAng mga previous at next button, at ang mga tuldok.
labelsInputPartial<NuiCarouselLabels>Bawat text na sinasabi nito, para maisalin.
next, previousMethod() => voidUmuusad o umaatras nang isang slide.
goToMethod(index: number) => voidDinadala ang isang slide sa view.

NuiCarouselSlide

Isang slide.

Selector
[nuiCarouselSlide]
PangalanUriDefaultPaglalarawan
nuiCarouselSlideInputstringAng title nito, na binabasa sa halip na ang posisyon nito.