Option to change navigation control design/images in Carousel

[toPrabhat]

Before opening:

• Search for duplicate or closed issues
• Read the contributing guidelines

Feature requests must include:

• As much detail as possible for what we should add and why it's important to Bootstrap
• Relevant links to prior art, screenshots, or live demos whenever possible

[xidedix]

@toPrabhat
You can change navigation control images using the custom content for c-carousel-controls sub-component.
This information appears to be missing from the docs. Thank you for bringing it to our attention.

<c-carousel ...>
  <c-carousel-inner>
    ...
  </c-carousel-inner>
  <c-carousel-control [tabIndex]="0" direction="prev">
    <svg cIcon name="cil-chevron-left" size="3xl"></svg>
    <span class="visually-hidden">Previous</span>
  </c-carousel-control>
  <c-carousel-control [tabIndex]="0" direction="next">
    <svg cIcon name="cil-chevron-right" size="3xl"></svg>
    <span class="visually-hidden">Next</span>
  </c-carousel-control>
</c-carousel>

[dbarrerap]

Can this be done with the indicators?

[xidedix]

@dbarrerap
At the moment, the only option is to modify the .carousel-indicators CSS class.
How would you like to modify the indicators’ visual appearance?

[dbarrerap]

Instead of lines, use thumbnails of the actual images