How to select an Item onClick or Ontap

[abhilashsajeev]

I would like to use this, but need support for onClick and onTap event. When clicked that item should be selected. I see a option focusOnselect but it not seems to work

like in following image

[akiran]

Tap or click on slides is working now

[abhilashsajeev]

Thats great. Thank you.

[scriptype]

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>