Search results

CarouselModel API in Vue Carousel API component

Interface for a class Carousel

Properties

slideChanged

EmitType<SlideChangedEventArgs>

The event will be fired once slide is changed.

slideChanging

EmitType<SlideChangingEventArgs>

The event will be fired before the slide change.

allowKeyboardInteraction

boolean

Defines whether to allow keyboard interaction.

animation

CarouselAnimationSettingsModel

Specifies the datasource for the carousel items.

arrowsTemplate

string

Accepts the template for navigation arrows.

autoPlay

boolean

Defines whether to the slide transition is automatic or manual.

cssClass

string

Specifies the classes to customize carousel.

dataSource

Record[]

Specifies the datasource for the carousel items.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

enableTouchSwipe

boolean

Defines whether to enable swipe action on touch devices.

height

string | number

Specifies the height of the Carousel in pixels/number/percentage. Number value is considered as pixels.

htmlAttributes

Record

Defines htmlAttributes used to add custom attributes to carousel. Supports HTML attributes such as style, class, etc.

indicatorsTemplate

string

Accepts the template for indicators.

infinite

boolean

Defines whether to the slide transitions loop end or not.

interval

number

Specifies the value for slide transition.

itemTemplate

string

Specifies the template option for carousel items.

items

CarouselItemModel[]

An array of item that is used to specify carousel items.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

playButtonTemplate

string

Accepts the template for play/pause button.

selectedIndex

number

Specifies index of the current carousel item.

showArrows

string

Defines how to show the previous and next arrows.

showIndicators

boolean

Defines whether to show indicators.

showPlayButton

boolean

Defines whether to show play button.

width

string | number

Specifies the width of the Carousel in pixels/number/percentage. Number value is considered as pixels.