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
0 answers
CoverFlow effect width 3 slides in react slick
I need to create a slider like the one that is in the image Slick Slider.
the first element should be the 3rd slide, active. Other two slides need to be behind the first one on the left side, as shown in the image.
On first scroll, the active…
Harish.karuppan
- 1
- 2
0
votes
1 answer
How to get current index of the carousel when the swipe event occurs - react slick
I had some problems with customizing the library dots, so I'm creating one manually.
I'm trying to get the current index of the carousel when the swipe event occurs.
I tried the onSwipe props, but it just returns the swipe direction
My Slider…
Lucas Álvares
- 238
- 5
- 16
0
votes
1 answer
I want to select the first and last of the active classes in the slick slide
I want to select the first one among the active ones of the slick slider.
Even if you want to use nth-child , it is not a choice because of other things.
Let me show you with a picture:
enter image description here
thank you very much....
I tried…
jinhwansong
- 11
- 2
0
votes
1 answer
Nextjs 13 & react slick
Hi its mi first time using nextjs, when try use React-slick get next error
If this package cannot be used in next, could you tell me some functional alternatives in nextjs to create this same type of carousel?
This is the error
error -…
Arcxtgc
- 3
- 1
0
votes
0 answers
React slick slider how to remove inline dir="ltr"
In React Slick slider, there is a default value rendered with and the output is showing like:
vishnu
- 2,848
- 3
- 30
- 55
0
votes
1 answer
How can I implement carousel as in fb stories react js
Can anybody give me any source, How can I implement a react carousel like facebook stories? with the nav button effect that I have marked in the image.
Md. Abul Khair
- 33
- 5
0
votes
1 answer
React slick fade effect porblem
my React website from right to left
and I have react-slide to show 1 image every slide
const settings = {
dots: true,
infinite: true,
autoplaySpeed:1500,
speed: 1000,
slidesToShow: 1,
slidesToScroll: 1,
…
Nazar Kardan
- 47
- 1
- 5
0
votes
1 answer
Manipulating React Slick classes with Tailwind CSS
Is there any way to make this possible?
I have a project in Next 13 which is styled with Tailwind CSS.
The homepage has several React Slick sliders which I need to manipulate (margins, overflow...), and which look like this:
Goran Kukic
- 43
- 6
0
votes
0 answers
Slider is disabled when styled-components extends "react-slick-slider"
`
import React from 'react';
import Slider from 'react-slick';
import styled from 'styled-components';
import { fireStore } from '../../src/firebase';
import { collection, getDocs, query, where } from 'firebase/firestore';
import { useEffect } from…
commit the frog
- 9
- 1
0
votes
0 answers
is there a way to know which slider is centered on react slick slider?
I am using react slick slider to implement a design where a centered div will have a different design and other divs will have a general design. To achieve this, I decided to use react slick slider. React slick slider have a default setting which is…
Anwar Hossain
- 201
- 1
- 4
- 16
0
votes
0 answers
react-slick sets its own "dir" attribute
I use react-slick library and it turns out that it sets its own "dir" attribute. I set the direction for the whole app in the main container, but react-slick overrides it for itself. Is there any option to fix this?
Lenur
- 13
- 4
0
votes
0 answers
I keep getting this error when I try to use React slick within Astro
I'm trying to add react slick to my Astro project and I keep getting this error message -( Error - Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. )-
It works as…
0
votes
0 answers
React-Slick And Wordpress Gutenberg Custom Block
I seem to be at the very edge of figuring this out. Im fairly new to creating Gutenberg Custom Blocks from scratch, I have been making some blocks here and there with React Components like Draggable however, i would now like to utilize Slick Slider.…
0
votes
0 answers
href link using last value in react-slick slider
I'm trying to use my button to download different pdf file. The issue is that it's always using the last pdf string (see code).
I've tried adding key to the link but it still didnt work.
I'm using the following Packages @chakra-ui/react,…
Luan
- 1
- 2
0
votes
0 answers
How to fix the position of React slick-carousel?
I want to fix the position of react slick carousel,and want to change the navigation dots style.I am trying in this way....
dots style I want,
Screenshot: https://i.stack.imgur.com/MhOQa.png
`
…
demi
- 37
- 3