How Microsoft control display breadcrumb max display items?

[baokun2115]

Hi everyone, when I search breadcrumb component in https://developer.microsoft.com/en-us/fluentui#/controls/web/breadcrumb. I found that when I resize the screen smaller, it's auto collapse item like this to fit screen

and auto display more item when it has enough space.
I have a question is how can Microsoft handle this one? Did they have any built-in function for that
Any help will be appreciated 🙏🏻

[khmakoto]

v8's Breadcrumb uses ResizeGroup under the hood to handle this.

In v9, we also have Overflow for this type of scenarios.

[baokun2115]

so in v8's Breadcrumb, can I customize ResizeGroup inside the Breadcrumb?

[khmakoto]

You can via the onGrowData and onReduceData props.