캐러셀 API · Needless UI

가져오기

import-carousel.ts

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`		슬라이드의 제목. 위치 대신 읽힙니다.