YIZHUANG / react-multi-carousel

A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
MIT License
1.25k stars 286 forks source link

partialVisible in tablet and mobile only #284

Closed Tanimpathan closed 2 years ago

Tanimpathan commented 2 years ago

I want to apply partialVisible in tablet and mobile devices only...how to do this? Thanks in advance

abhinavdalal commented 2 years ago
const responsive = {
  desktop: {
    breakpoint: { max: 3000, min: 1024 },
    items: 3,
    partialVisibilityGutter: 0 // this is needed to tell the amount of px that should be visible.
  },
  tablet: {
    breakpoint: { max: 1024, min: 464 },
    items: 2,
    partialVisibilityGutter: 30 // this is needed to tell the amount of px that should be visible.
  },
  mobile: {
    breakpoint: { max: 464, min: 0 },
    items: 1,
    partialVisibilityGutter: 30 // this is needed to tell the amount of px that should be visible.
  }
}
abhinavdalal commented 2 years ago

@Tanimpathan it is recommended to read the readme before creating issue

Tanimpathan commented 2 years ago

@abhinavdalal thanks...i will next time