TURBO for Developers

Home > widget-integration > SlickOptions

SlickOptions interface

Slick carousel configuration options.

Defines the behavior and appearance of the Slick carousel used for recommendation widgets with carousel layout. For complete options reference, see: https://kenwheeler.github.io/slick/

Signature:

export interface SlickOptions

Properties

Property	Type	Description
accessibility?	boolean	(Optional) Whether to enable accessibility keyboard navigation
arrows?	boolean	(Optional) Whether to show previous/next arrow buttons
dots?	boolean	(Optional) Whether to show dot indicators for navigation
draggable?	boolean	(Optional) Whether the carousel can be dragged with mouse
focusOnChange?	boolean	(Optional) Whether to focus slides when they change
focusOnSelect?	boolean	(Optional) Whether clicking a slide focuses it
infinite?	boolean	(Optional) Whether the carousel should loop infinitely
responsive?	Array<{ breakpoint: number; settings: Partial<SlickOptions>; }>	(Optional) Responsive breakpoint configurations
rtl?	boolean	(Optional) Whether to enable right-to-left layout direction
slidesToScroll?	number	(Optional) Number of slides to scroll at once
slidesToShow?	number	(Optional) Number of slides to show at once
useTransform?	boolean	(Optional) Whether to use CSS3 transforms for slide transitions