own arrows icons via the #arrow-left and #arrow-right slots + iconify.

antoniandre / vueper-slides

A touch ready and responsive slideshow / carousel for Vue 2 & 3.

https://antoniandre.github.io/vueper-slides

MIT License

568 stars 50 forks source link

own arrows icons via the #arrow-left and #arrow-right slots + iconify. #178

Closed patriciorivera closed 2 years ago

patriciorivera commented 2 years ago

Awesome Library, thanks.

According docs

But using Iconify icon framework it idoesnt work.

Stackblitz -> this

Sorry if I don't quite understand how to use it.

Regards.

antoniandre commented 2 years ago

Hi @patriciorivera,

The arrows slots are working fine and your icons library as well, if you inspect, this is just some CSS to adjust for your case. The arrows are white by default, and smaller.

Just removing some padding, and adding a background to the slide, you can already see the SVG icon:

Cheers.