Change the icon in the carousel navigation

[davidrmcelroy]

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.

[KonnorRogers]

Yup! Just slot em in using the next-icon / previous-icon

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:

https://codepen.io/paramagicdev/pen/wvZOzbp?editors=1000

[davidrmcelroy]

Perfect! I was hoping it was an easy solution that I was just overlooking. Thank you very much!