react-slick icon indicating copy to clipboard operation
react-slick copied to clipboard

MAX | MIN range for Responsive screen

Open amit855 opened this issue 3 years ago • 0 comments

Hi Team,

Scenario: I am using react slick. I want to show 4slides for screen 1028px to 2560px. And above that I want to show 6slides.

Question Is there any props for min | max responsive API? Page link here

Findings

responsive: [
        {
          breakpoint: 1027,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2,         
         }
        },
        {
          breakpoint: 2560,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 4,
          }
        },
        {
          breakpoint: **4000 (RANDOM NUMBER)**,
          settings: {
            slidesToShow: 6,
            slidesToScroll: 6,
          }
        }

        ]

Here,

  1. Below 1027 it will show 2slides (i.e 0 to 1027)
  2. Below 2560 it will show 4slides (i.e 1028 to 2560)
  3. Below 4000 it will show 4slides (i.e 2561 to 4000)

So, Is there any min or max range in place of breakpoints? Thanks in advance !!!

amit855 avatar Oct 21 '21 09:10 amit855