Giter VIP home page Giter VIP logo

Comments (3)

akiran avatar akiran commented on July 16, 2024

Tap or click on slides is working now

from react-slick.

abhilashsajeev avatar abhilashsajeev commented on July 16, 2024

Thats great. Thank you.

from react-slick.

scriptype avatar scriptype commented on July 16, 2024

Hi, focusOnSelect doesn't function for my case. I'm using react.0.13.3 and react-slick.0.8.0

I'm not sure if I'm missing a point. I'm expecting the item to be centered when selected.

sliderSettings:

{
  "centerMode": true,
  "focusOnSelect": true,
  "infinite": false,
  "dots": true,
  "arrows": false,
  "speed": 500,
  "slidesToScroll": 1,
  "slidesToShow": 5,
  "responsive": [
    {
      "breakpoint": 1024,
      "settings": {
        // same as defaults but with different `slidesToShow`
      }
    },
    {
      "breakpoint": 600,
      "settings": {
        // same as defaults but with different `slidesToShow`
      }
    },
    {
      "breakpoint": 480,
      "settings": {
        // same as defaults but with different `slidesToShow`
      }
    },
  ]
}

initializing:

<Slider {...sliderSettings}>
  {
    this.props.items.map((item) =>
            <div key={item.title}>
              <Item {...item} />
            </div>
    )
  }
</Slider>

where <Item /> is:

<div>
  <h3>
    {this.props.title}
  </h3>

  <p>
    {this.props.description}
  </p>
</div>

from react-slick.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.