How to make custom component disabled/hidden?

[NurulWahedQalqul]

Hello, I have two custom components to render the next and previous icons. How can I make them disabled/hidden when there are no more items? Here's my code:

[Kevin-M-Zaleo]

you could use a state, tracking the current slideIndex in your ´renderNextButton function´ just add something like

renderNextButton={()=>{
  return (slideIndex+1 !== slides.length &&
    <div>
      Your Button
    </div>)
   }
}

[maxmarinich]

Hi, @NurulWahedQalqul! Accordingly the docs, you can using isPrevSlideDisabled || isNextSlideDisabled props from EventObject. Demo https://maxmarinich.github.io/react-alice-carousel/#events.