Arrows and HTMLButtonElements

[stefanfrede]

👋,

Is it possible to provide HTMLButtonElements for the arrows? Something like this:

new Splide( '.splide', {
  arrows: {
    prev: <HTMLButtonElement>,
    next: <HTMLButtonElement>,
  },
}).mount();

[NaotoshiFujita]

Splide accepts custom buttons:
https://splidejs.com/guides/arrows/#custom-arrows

Before initializing your carousel, insert your arrows and their wrapper element to the target element.
Make sure they have proper classs names.

[stefanfrede]

It would be nice to be able to provide buttons which are living outside the wrapper element.

Something like this:

new Splide( '.splide', {
  arrows: {
    prev: document.querySelector('.btn-prev'),
    next: document.querySelector('.btn-next'),
  },
}).mount();

[gavin310]

@NaotoshiFujita Is Splide not able to define custom button selectors that are outside of the Splide wrapper element? Do we need to use the API to accomplish this?