الاستيراد
import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';NuiCarousel
دوّار من الشرائح.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
labelمُدخَل | string | يُسمّي الدوّار. | |
indexثنائي الاتجاه | number | 0 | أول شريحة ظاهرة، بدءًا من 0. |
perViewمُدخَل | number | 'auto' | 1 | عدد الشرائح الظاهرة في آنٍ واحد، أو auto لشرائح تحدد عرضها بنفسها. |
gapمُدخَل | string | '1rem' | المسافة بين الشرائح، بأي طول في CSS. |
loopمُدخَل | boolean | false | تجاوُز آخر شريحة يعود إلى الأولى، والعكس بالعكس. |
autoplayمُدخَل | number (ms) | 0 | المدة بين الشرائح بالملّي ثانية حين يدور وحده؛ ومع 0 لا يدور. |
controls, indicatorsمُدخَل | boolean | true | زرّا السابق والتالي، والنقاط. |
labelsمُدخَل | Partial<NuiCarouselLabels> | كل نص يعرضه الدوّار أو يُعلنه، لترجمته. | |
next, previousدالة | () => void | ينتقل شريحةً واحدة إلى الأمام أو إلى الخلف. | |
goToدالة | (index: number) => void | يُمرّر إلى شريحة حتى تظهر. |
NuiCarouselSlide
شريحة.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
nuiCarouselSlideمُدخَل | string | عنوانها، ويُقرأ بدلًا من موضعها. |