Change the icon in the carousel navigation #1998
Answered
by
KonnorRogers
davidrmcelroy
asked this question in
Help
-
This might be simple but I'm wondering if there is an easy way to swap out the default "chevron-left" and "chevron-right" icons in the carousel? My client wants arrows instead. |
Beta Was this translation helpful? Give feedback.
Answered by
KonnorRogers
Apr 25, 2024
Replies: 1 comment 1 reply
-
Yup! Just slot em in using the https://shoelace.style/components/carousel/#slots <sl-carousel>
<sl-icon name="arrow-left" slot="previous-icon"></sl-icon>
<sl-icon name="arrow-right" slot="next-icon"></sl-icon>
</sl-carousel> Here's an example: |
Beta Was this translation helpful? Give feedback.
1 reply
Answer selected by
davidrmcelroy
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Yup! Just slot em in using the
next-icon
/previous-icon
https://shoelace.style/components/carousel/#slots
Here's an example:
https://codepen.io/paramagicdev/pen/wvZOzbp?editors=1000