Carousel

SfCarousel - компонент карусели с опциональными controls и pagination.

Props

loop

fractional

items

baseView

defaultView

responsiveViews

transition

withControls

• type: boolean
• default: false

Наличие стрелок для навигации по обе стороны тела карусели.

withPagination

• type: boolean
• default: false

Наличие пагинации чуть ниже тела карусели

Events

transitionStart

transitionEnd

Scoped slots

default

leftControl

• required: false
• prop: CarouselState

Cлот для левой стрелки навигации. В качестве prop передается состояние карусели, возвращаемое useCarousel. При withControls равном false слот не будет отображаться.

rightControl

• required: false
• prop: CarouselState

Аналогично выше приведенному слоту, но только в правую сторону.

pagination

• required: false
• prop: CarouselState & { slides: Array<{ slideNumber: number; isActive: boolean; activate: () => void; }>}

Слот для отображения пагинация ниже тела карусели. В качестве prop передается CarouselState вместе с массивом элементов slide для упрощения построения пагинации. При withPagination равном false слот не будет отображаться.

Example