JSFiddle - React, Tailwind, and code Playground

by luka kupunia

JavaScript

data() {
  return {

    swiperOptions: {
      speed: 800,
      spaceBetween: 30,
      watchOverflow: true,
      slidesPerView: 3,
      breakpoints: {
        320: {
          spaceBetween: 15,
          slidesPerView: 1
        },
        768: {
          spaceBetween: 15,
          slidesPerView: 2
        },
        1024: {
          spaceBetween: 15,
          slidesPerView: 3
        },
        1366: {
          spaceBetween: 15,
          slidesPerView: 3
        },
        1680: {
          spaceBetween: 30,
          slidesPerView: 3
        },
        1900: {
          spaceBetween: 30,
          slidesPerView: 3
        }
      }
    },
    sliderData: [{
        statistic: 3,
        name: "Tamar Bagashvili",
        text: "It is a long established fact that a reader will be distracted by "
      },
      {
        statistic: 1.9,
        name: "თამარ ბაგაშვილი",
        text: "It is a long established fact that a reader will be distracted by "
      },
      {
        statistic: 2.6,
        name: "თამარ ბაგაშვილი",
        text: "It is a long established fact that a reader will be distracted byIt is a long established fact that a reader will be distracted by long established fact that a reader will be distracted by It is a long established fact that a reader will be distracted byIt is a long established fact that a reader will be distracted by long established fact that a reader will be distracted byIt is a long established fact that a reader will be distracted byIt is a long established fact that a reader will be distracted by long established fact that a reader will be distracted by "
      },
      {
        statistic: 3,
        name: "Tamar Bagashvili",
        text: "It is a long established fact that a reader will be distracted by "
      },
      {
        statistic: 1.9,
        name: "თამარ ბაგაშვილი",
        text: "It is a long established fact that a reader will be distracted by "
      },
    ],

  }
}