Agile Component Props #

TODO: write nice text here

asNavFor #

• Type: array

Set the carousel to be the navigation of other carousels.

autoplay #

• Type: boolean

Enable autoplay

autoplaySpeed #

• Type: number
• Default: 3000

Autoplay interval in milliseconds

centerMode #

• Type: boolean

Enable centered view when slidesToShow > 1

centerPadding #

• Type: string
• Default: 15%

Slides padding in center mode

changeDelay #

• Type: number
• Default: 0

Slide change delay in milliseconds

dots #

• Type: boolean
• Default: true

Enable dot indicators/pagination

fade #

• Type: boolean

Enable fade effect

infinite #

• Type: boolean
• Default: true

Infinite loop sliding

initialSlide #

• Type: number
• Default: 0

Index of slide to start on

mobileFirst #

• Type: boolean
• Default: true

Enable mobile first calculation for responsive settings

navButtons #

• Type: boolean
• Default: true

Enable prev/next navigation buttons

options #

• Type: object

All settings as one object

pauseOnDotsHover #

• Type: boolean

Pause autoplay when a dot is hovered

pauseOnHover #

• Type: boolean
• Default: true

Pause autoplay when a slide is hovered

responsive #

• Type: array

Object containing breakpoints and settings objects

Enable right-to-left mode #

• Type: boolean

Enable right-to-left mode

slidesToScroll #

• Type: number
• Default: 1

Number of slides to scroll

slidesToShow #

• Type: number
• Default: 1

Number of slides to show

speed #

• Type: number
• Default: 300

Slide animation speed in milliseconds

swipeDistance #

• Type: number
• Default: 50

Swipe distance

Throttle delay in milliseconds #

• Type: number
• Default: 500

Throttle delay in milliseconds

timing #

• Type: string
• Default: ease

Transition timing function Available: ease, linear, ease-in, ease-out, ease-in-out

unagile #

• Type: boolean

Disable Agile carousel