Needless UI

Компоненты

Карусель

Ряд слайдов с пошаговой прокруткой, кнопками, точками и автопрокруткой.

Импорт

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

NuiCarousel

Карусель слайдов.

Селектор
nui-carousel
ИмяТипПо умолчаниюОписание
labelInputstringЗадаёт имя карусели.
indexДвустороннийnumber0Первый видимый слайд, начиная с 0.
perViewInputnumber | 'auto'1Сколько слайдов видно одновременно, или auto для слайдов, которые сами задают свою ширину.
gapInputstring'1rem'Расстояние между слайдами — любая длина CSS.
loopInputbooleanfalseПосле последнего слайда идёт первый, и наоборот.
autoplayInputnumber (ms)0Миллисекунды между сменой слайдов при автопрокрутке; 0 — без автопрокрутки.
controls, indicatorsInputbooleantrueКнопки перехода назад и вперёд, а также точки.
labelsInputPartial<NuiCarouselLabels>Все озвучиваемые каруселью тексты — для перевода.
next, previousМетод() => voidПерелистывает на один слайд вперёд или назад.
goToМетод(index: number) => voidПрокручивает карусель к слайду.

NuiCarouselSlide

Слайд.

Селектор
[nuiCarouselSlide]
ИмяТипПо умолчаниюОписание
nuiCarouselSlideInputstringНазвание слайда; озвучивается вместо его позиции.