akiran / akiran/react-slick

Change width of the center slide only

Open
#2,370 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
11.9k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

Description

Currently I am trying to implement a carousel where the center slide widens to show more content. However at the moment it just doesn't seem to center properly. Here is a sample [https://codesandbox.io/p/sandbox/react-slick-center-whnkj5?file=%2Fsrc%2FApp.tsx](sandbox) of the issue.

Specifically I am trying to have my non-centered slides show a portrait image and once its centered it expands to show more content. Something like this:

![image](https://github.com/akiran/react-slick/assets/47728893/2c574fdb-b816-483f-adbd-158463553b9c)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.