frontend/containers/CarColumns/_SliderSettings.tsx (view raw)
1import CustomArrow from './CustomArrow';
2import Dots from './Dots';
3
4const sliderSettings = {
5 accessibility: true,
6 dots: true,
7 appendDots: dots => <Dots>{dots}</Dots>,
8 nextArrow: <CustomArrow right={0} />,
9 prevArrow: <CustomArrow left={0} />,
10 arrows: true,
11 infinite: false,
12 speed: 500,
13 initialSlide: 0,
14 lazyLoad: true,
15 draggable: true,
16 swipeToSlide: false,
17 swipe: true,
18 slidesToScroll: 5,
19 slidesToShow: 5,
20 autoPlay: false,
21 responsive: [
22 {
23 breakpoint: 720,
24 settings: {
25 slidesToScroll: 1,
26 slidesToShow: 1,
27 arrows: false,
28 },
29 },
30 {
31 breakpoint: 960,
32 settings: {
33 slidesToScroll: 2,
34 slidesToShow: 2,
35 arrows: false,
36 },
37 },
38 {
39 breakpoint: 1280,
40 settings: {
41 slidesToScroll: 2,
42 slidesToShow: 2,
43 },
44 },
45 {
46 breakpoint: 1920,
47 settings: {
48 slidesToScroll: 3,
49 slidesToShow: 3,
50 },
51 },
52 ],
53};
54
55export default sliderSettings;