Breaking News: Grepper is joining You.com. Read the official announcement!

add space between slides. react-slick/antd

AlexLas answered on September 12, 2022 Popularity 3/10 Helpfulness 1/10

answer add space between slides. react-slick/antd

add space between slides. react-slick/antd

Comment

// I made it by directly setting styles to slide div
<div key={index} style={{'padding': '5px'}}><img src={img} onClick={onClick}/></div>

// another example 
const contentStyle = {
  margin: '0 5px',
};

<Carousel slidesToShow={4.2} draggable dots={false} infinite={false}>
  {slides.map((slide) => (
    <div key={slide}>
      <h3 style={contentStyle}>{slide}</h3>
    </div>
  ))}
</Carousel>

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: github.com

Tags: add between space whatever

Link to this answer
Share Copy Link

Contributed on Sep 12 2022

AlexLas

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

add space between slides. react-slick/antd

Contents

More Related Answers

add space between slides. react-slick/antd

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.