Carousel

Trình chiếu ảnh có tự chạy, mũi tên, chấm điều hướng, chú thích và hiệu ứng mờ dần (hỗ trợ bàn phím và vuốt).

Carousel

Carousel

Vue

<div class="thl-row"><div class="thl-col-12 thl-col-md-6"><ThlCarousel :slides="slides" :height="240" /></div><div class="thl-col-12 thl-col-md-6"><ThlCarousel :slides="slides" fade :dots="false" :interval="3000" :height="240" /></div></div>

React

<Carousel slides={slides} height={240} />
<Carousel slides={slides} fade dots={false} interval={3000} />

Angular

<thl-carousel [slides]="slides" [height]="240" />
<thl-carousel [slides]="slides" fade [dots]="false" [interval]="3000" />

API

Carousel

<ThlCarousel> · import { ThlCarousel } from '@thl-ui/vue'

Prop	Kiểu	Mặc định
slides*	array	—
interval	number	5000
fade	boolean	—
arrows	boolean	true
dots	boolean	true
height	any	—
ariaLabel	string	—

Slot: slide