vue-snap/src/components/Carousel/Carousel.mocks.js

Lightweight Carousel based on CSS Scroll Snap

const mocks = [
  {
    id: 'example-slide-01',
    content: 'Slide 1',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '280'
  },
  {
    id: 'example-slide-02',
    content: 'Slide 2',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '122'
  },
  {
    id: 'example-slide-03',
    content: 'Slide 3',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '132'
  },
  {
    id: 'example-slide-04',
    content: 'Slide 4',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '276'
  },
  {
    id: 'example-slide-05',
    content: 'Slide 5',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '95'
  },
  {
    id: 'example-slide-06',
    content: 'Slide 6',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '112'
  },
  {
    id: 'example-slide-07',
    content: 'Slide 7',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '142'
  },
  {
    id: 'example-slide-08',
    content: 'Slide 8',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '99'
  },
  {
    id: 'example-slide-09',
    content: 'Slide 9',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '155'
  },
  {
    id: 'example-slide-10',
    content: 'Slide 10',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '102'
  },
  {
    id: 'example-slide-11',
    content: 'Slide 11',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '80'
  },
  {
    id: 'example-slide-12',
    content: 'Slide 12',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '192'
  },
  {
    id: 'example-slide-13',
    content: 'Slide 13',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '132'
  },
  {
    id: 'example-slide-14',
    content: 'Slide 14',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '376'
  },
  {
    id: 'example-slide-15',
    content: 'Slide 15',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '95'
  },
  {
    id: 'example-slide-16',
    content: 'Slide 16',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '112'
  },
  {
    id: 'example-slide-17',
    content: 'Slide 17',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '142'
  },
  {
    id: 'example-slide-18',
    content: 'Slide 18',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '102'
  },
  {
    id: 'example-slide-19',
    content: 'Slide 19',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '155'
  },
  {
    id: 'example-slide-20',
    content: 'Slide 20',
    name: 'Example slide description',
    image: '/cactus.jpg',
    href: '#',
    width: '82'
  }
]

export default mocks