Custom classes for react-splide

[Egpereira]

I'm passing down a classes prop to Splide as seen in the documentation:

  const classes = {
    // Add classes for arrows.
    arrows: 'splide__arrows your-class-arrows',
    arrow: 'splide__arrow slider-arrow',
    prev: 'splide__arrow--prev your-class-prev',
    next: 'splide__arrow--next your-class-next',

    // Add classes for pagination.
    pagination: 'splide__pagination your-class-pagination', // container
    page: 'splide__pagination__page your-class-page' // each button
  }
...
<Splide {...defaultSettings} classes={classes}>

But I don't see the classes being added to the resulting HTML. Am I doing something wrong?

[NaotoshiFujita]

It's not a prop but one of the options.

<Splide options={ { classes: {} } }>

https://splidejs.com/integration/react-splide/#props