You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The blog post for Swiper 10 (https://swiperjs.com/blog/swiper-v10) says "Swiper Element now uses SVG element for Navigation buttons instead of icon font used before."
But all of the examples and instances of Swiper I can find still use an icon font. I have found various code examples for how to hide the default icons and use CSS to place SVG in the buttons instead, but I have not found any example of how to use the build-in SVG icons.
Am I missing something? Is this a feature that has silently been removed again? Or has the functionality never really been implemented?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
The blog post for Swiper 10 (https://swiperjs.com/blog/swiper-v10) says "Swiper Element now uses SVG element for Navigation buttons instead of icon font used before."
Also in the changelog (https://github.com/nolimits4web/swiper/blob/master/CHANGELOG.md#1000-2023-07-03): "navigation arrows use SVGs instead of font".
I can see there is SVG code for the arrow in the source code: https://github.com/nolimits4web/swiper/blob/master/src/swiper-element.mjs#L23
But all of the examples and instances of Swiper I can find still use an icon font. I have found various code examples for how to hide the default icons and use CSS to place SVG in the buttons instead, but I have not found any example of how to use the build-in SVG icons.
Am I missing something? Is this a feature that has silently been removed again? Or has the functionality never really been implemented?
Beta Was this translation helpful? Give feedback.
All reactions