ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

feat: Override default ion-breadcrumbs collapsed indicator

Open lukasrgr opened this issue 6 months ago • 2 comments

Prerequisites

Describe the Feature Request

Adding option to overwrite the default collapsed indicator button for ion-breadcrumbs

Describe the Use Case

It lets users change the default ion-breadcrumbs collapsing indicator button

Describe Preferred Solution

<ion-breadcrumbs [maxItems]="maxItems">
 <ion-button slot="collapsed-indicator"></ion-button>
</ion-breadcrumbs>

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

lukasrgr avatar Oct 16 '25 18:10 lukasrgr

Thanks for the issue! Could you share a bit more about what you're trying to pass here?

The collapsed indicator is a native button that can be styled using shadow parts:

ion-breadcrumb::part(collapsed-indicator) {
  background: pink;
  color: hotpink;
  border-radius: 8px;
}
Image

Are you looking to override its styles, icon, or pass text? I just want to make sure I fully understand your feature request. Thanks!

brandyscarney avatar Oct 17 '25 13:10 brandyscarney

@brandyscarney i know that i can adjust the style by using shadow parts, i want to change the collapsed indicator icon, or even better would be to be able to replace the whole button

lukasrgr avatar Oct 20 '25 11:10 lukasrgr