Questions involving the library react-slick
react-slick is the port of the jQuery slick library to react.
Questions tagged [react-slick]
281 questions
0
votes
1 answer
React slick slide not clickable
I am using react slick for making slides of poll. I am facing issue while clicking the poll option. Click gets fired after two clicks.
I think touch start is the issue here.
0
votes
1 answer
React Slick Slider slickGoTo - Custom Slider Nav Buttons
I'm new to react and I'm trying to make a custom react slick slider navigator for my sliders.
I've 2 separate sliders that are linked by the asNavFor method and I want my buttons to change the sliders to the index of the button clicked.
I'll leave…
Ricardo Carneiro
- 27
- 9
0
votes
0 answers
How to make cards' height equal when using react-slick
I am trying to implement products card slider using react-slick slider.
The problem is when product card has longer title or description, heights of cards are not the same. Is there any way to match height without setting fixed height on…
Youngjun Woo
- 39
- 8
0
votes
1 answer
Is there any option to change the behaviourwhen we click on dots in React-slick?
I want to show a notification if a user clicks on any dot and I also want to prevent moving to the next slide if a user clicks on a dot. Is there a good solution to implement this?
Here is the link to react-slick(appendDots example). There you can…
Lenur
- 13
- 4
0
votes
0 answers
Vertical Scrolling not working with some React Component like React-slick and some div
I am unable to scroll through my page while swiping with react-slick or some other react components like a banner or div.
0
votes
0 answers
How to build carousel tailwind css flexbox with react slick
I first time build carousel with tailwind css and react slick.
Post component has own height calc(100vh - 65px). after I use flexbox like this:
data.map((i, index) => (
alex atamuradow
- 66
- 6
0
votes
0 answers
how to give border color to slider img when slider img is active in slick carousel when arrows are clicked(uses AsNavFor & vertical swiping))
image for reference
As I'm using the AsNavFor and vertical slider together in slick carousel, the active slider gets the purple border,the bordered active slider is always on top by default, how to navigate via arrows so that bordered active slider…
NIKITA PANT
- 41
- 5
0
votes
0 answers
Distorted UI of the previos arrow on the react-slick
Is anyone facing this issue on the react-slick?
When the page loads, it shows like this but upon interacting with the carousel, it fixes itself.
Taseen
- 1,213
- 1
- 11
- 18
0
votes
1 answer
How can I remove blank space in react-slick and tailwindCss
I'm a beginner at react-slick.
When I add one…
emillly
- 15
- 5
0
votes
1 answer
How to update parent slider number whenever clicked on it's child slider element on ReactJS
I'm trying to make a slider where
There will be 3 parent slide component
Inside there will be 4 different number of it's
After click on child slide component the parent number will be update with that number
Like
Parent: 1.1 (Default)
Child: 1.1…
mrhrifat
- 161
- 1
- 2
- 9
0
votes
1 answer
Slick Slider Variable width menu and click issue after items end
Slick slider with variable width items and arrow on the right scrolls even after the last item reached end. Anyway to fix this?
Link to fiddle: https://jsfiddle.net/abhiklpm/60hy4j3z/ (Click on the right arrow continuously and you could see the…
abhiklpm
- 1,603
- 2
- 16
- 21
0
votes
2 answers
Change Slide on Button Click - react-slick
I am using react slick in my react project. I have 5 slides, one button(Go to Slide3), and one text(Current Slide Number) in my UI.
When I click the button, in the react-slick, it should move to the third slide. Whenever the slide change, I also…
bovop4
- 224
- 1
- 9
0
votes
1 answer
Unable to use carousel in Hydrogen ssr component
I'm having an almost impossible time trying to create a carousel for the Hydrogen Shopify demo store. I've tried several libraries and even tried to create my own carousel but I'm not abel to get it to work without similar errors. I believe it has…
Guillermo Medel
- 47
- 1
- 7
0
votes
1 answer
How can I show the clicked card from the upper component CardList to the slider down with React?
I am using React Slick for the slider. I have a Card component for the cards and also I have Slider section where I render the CardList component for the upper card with mapping data from data.json and SlickSlider component for the slider.
I know…
vasekara
- 15
- 7
0
votes
1 answer
failed to implement responsive react slick can anyone solve
explain the problem here..,whats is problem here,i want to make my slick responsive
const settings = {
centerMode: true,
centerPadding: '10px',
slidesToShow: 5,
speed: 500,
slidesToScroll: 1,
arrows:…
Dhruvrajsinh Zala
- 11
- 3