feat: Breadcrumbs: More Information on collapsed Click

Feature Request

Ionic version:

[ ] 4.x [ ] 5.x [X] 6.x

Describe the Feature Request

The Breadcrumbs Component has a ionCollapsedClick Output. I would like to have more Information here about which Breadcrumbs are currently collapsed, to only show these in a Popover.

Describe Preferred Solution

The Detail should contain the info for example like this:

{
  collapsedBreadcrumbs: [
    {
      // all information we can get about that breadcrumb
    }
  ]
}

[liamdebeasi]

Spoke with the team, and the current plan for adding more information is to provide an array of element references of the collapsed ion-breadcrumb components in the event.detail payload.

From there developers can manipulate the data however they would like. For example, they could render the breadcrumb content as regular buttons by grabbing the .textContent value on each of the ion-breadcrumb components.

---

In terms of automatically displaying a popover, this is not something we currently have planned as developers would lose a significant amount of customization by us abstracting away the ion-popover. However, we will be adding examples that will show developers how to get this wired up quickly.

[liamdebeasi]

I can bring it up with the team and see what they think.