Splide for React: How to customize pagination dots to numbers

[tachyon322]

Here is my code now:

    <Splide
      hasTrack={false}
      options={{
        perPage: 5,
        perMove: 1,
        gap: 30,
      }}>
      <SplideTrack className="Splide__track">
        {PopularData.map((item, index) => (
          <SplideSlide key={index} className="popular-slide">
            <div className="slide-container">
              <div className="popular-image-container">
                <img src={item.image} alt="" />
                <button
                className="hearth-btn">
                  <svg 
                    className="hearth-btn">
                  </svg>
                </button>
              </div>

              <div className="popular-price-w-shopping-btn">
                <h2>{item.price} ₽</h2>
                <button onClick={() => addToCart(item.image, item.title, item.price)}>
                  <svg className="shopping-btn">
                  </svg>
                </button>
              </div>

              <div className="popular-cloth-names">
                <a href="https://loft19.ru/stoneisland">
                  <p>{item.title}</p>
                </a>
                <a href="#">
                <p className="popular-description">{item.description}</p>
                </a>
                <a href="#">
                  <p>{item.sizes}</p>
                </a>
              </div>
            </div>
          </SplideSlide>
        ))}
      </SplideTrack>

      <div className="splide__arrows">
        <button
          className="splide__arrow splide__arrow--prev back-btn"
          style={{ width: 40, height: 40, backgroundColor: "#565656" }}>
          <img src={require("./../../../imgs/icons/toLeft.png")} alt="" />
        </button>

        <button
          className="splide__arrow splide__arrow--next next-btn"
          style={{ width: 40, height: 40, backgroundColor: "#565656" }}>
          <img src={require("./../../../imgs/icons/toRight.png")} alt="" />
        </button>
      </div>
    </Splide>

[AndrasE]

@tachyon322 any luck with this? asking for myself, having struggles to have custom buttons and pagenation w react :/

[tachyon322]

Check my repo https://github.com/tachyon322/React-splideJs-customization