# Responsive breakpoints in slides component

**URL:** <https://forum.ionicframework.com/t/responsive-breakpoints-in-slides-component/80351>\
**Category:** ionic-v3\
**Created:** [February 21, 2017, 6:58am UTC](https://forum.ionicframework.com/t/responsive-breakpoints-in-slides-component/80351 "2017-02-21T06:58:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![pjhartin](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/pjhartin/32/105437_2.png) [@pjhartin](https://forum.ionicframework.com/u/pjhartin)\
**Post date:** [February 21, 2017, 6:58am UTC](https://forum.ionicframework.com/t/responsive-breakpoints-in-slides-component/80351/1 "2017-02-21T06:58:24Z")

</div>

I know that Ionic has recently rewritten the slides components for the RC, and have ported over a few of the inputs like `[slidesPerView]` and `[loop]`, but they have not ported the ability to setup responsive breakpoints for the sliders, i.e. the ability to update these inputs on the fly, which I am using for the browser version of our latest project.

The old swiper implementation was as follows:

```auto
var swiper = new Swiper('.swiper-container', {
  // Default parameters
  slidesPerView: 4,
  spaceBetween: 40,
  // Responsive breakpoints
  breakpoints: {
    // when window width is <= 320px
    320: {
      slidesPerView: 1,
      spaceBetween: 10
    },
    // when window width is <= 480px
    480: {
      slidesPerView: 2,
      spaceBetween: 20
    },
    // when window width is <= 640px
    640: {
      slidesPerView: 3,
      spaceBetween: 30
    }
  }
})

```

Is anyone aware of a way to replicate this functionality in the newer[Ionic slides component](https://ionicframework.com/docs/v2/api/components/slides/Slides/)? I have looked at all the available options in the [src](https://github.com/driftyco/ionic/blob/master/src/components/slides/slides.ts) and see no mention of breakpoints or responsiveness.

---

<div class="post-metadata">

**Author:** ![hirenpatelcr](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/hirenpatelcr/32/115328_2.png) [@hirenpatelcr](https://forum.ionicframework.com/u/hirenpatelcr)\
**Post date:** [November 24, 2017, 4:50pm UTC](https://forum.ionicframework.com/t/responsive-breakpoints-in-slides-component/80351/2 "2017-11-24T16:50:23Z")

</div>

hi @pjhartin,  
Did you get any solution from breakpoint?  
I need breakpoints because I want to develop an app with desktop support(web app).

---

<div class="post-metadata">

**Author:** ![danielpt](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danielpt/32/95937_2.png) [@danielpt](https://forum.ionicframework.com/u/danielpt)\
**Post date:** [January 2, 2018, 2:04pm UTC](https://forum.ionicframework.com/t/responsive-breakpoints-in-slides-component/80351/3 "2018-01-02T14:04:50Z")

</div>

find a solution buddy?

---

<div class="post-metadata">

**Author:** ![hirenpatelcr](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/hirenpatelcr/32/115328_2.png) [@hirenpatelcr](https://forum.ionicframework.com/u/hirenpatelcr)\
**Post date:** [May 10, 2018, 5:28am UTC](https://forum.ionicframework.com/t/responsive-breakpoints-in-slides-component/80351/4 "2018-05-10T05:28:43Z")

</div>

Hey buddy, now all the features are back in latest version. I was checking documentation and found it.

```auto
https://ionicframework.com/docs/api/components/slides/Slides/

```

I tried it and works great. Hope it helps you too.