Replace the pagination bullets into fontAwesome icons

[yahav10]

Checks

• Not a duplicate.
• Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v0.3.5

Description

I am trying to replace the bullet pagination icons into icons of "Font Awesome" - Font Awesome.
I was trying to follow your answer from this issue - but without success.

How can we replace the pagination bullets with custom/icon buttons?

Please see my code sandbox.
https://codesandbox.io/s/hardcore-wilson-nweyz?file=/src/components/Carousel.vue

Reproduction Link

No response

Steps to Reproduce

...

Expected Behaviour

Change the bullet icons with custom/icon buttons.

[NaotoshiFujita]

Please do not use the bug report for a question as mentioned in the check list.

[yahav10]

Sorry about it, wasn't familiar with the discussion option before.

[NaotoshiFujita]

This was already answered here:
#460

[yahav10]

Thank you for answering, I was able to enter each item but I don't know how and where I need set icon (from Font Awesome for example) to switch the default bullets.

[NaotoshiFujita]

If you are using a pseudo element approach, just assign the icon class to each button, or put another element for the icon by innerHTML.

[yahav10]

Working like a charm! you are the best!
Thank you.