feat: add stretchTabs to MatTabsConfig

[joelkesler]

PR for issue #26645

---

The new Material component updates changed how tabs present when used. Tabs now stretch to fill the header.

For those of us who wish to preserve the old behaviour, adding the stretchTabs settings to MatTabsConfig will be incredibly helpful to let us set the behaviour universally instead of updating each and every instance.

Ex:

providers: [
  {
    provide: MAT_TABS_CONFIG,
    useValue: {
      stretchTabs: false,
    },
  },
]

Cheers!

[crisbeto]

LGTM

[crisbeto]

This should default to true on the MDC-based tabs and false on the legacy ones.

[joelkesler]

Thanks for catching that. Updated

[joelkesler]

I believe all I needed to do is change the default value from false to true as _stretchTabs is set to true earlier in the file here when there is no defaultConfig supplied, correct?

[crisbeto]

@joelkesler the change is almost ready to go, but it needs to be rebased.

[joelkesler]

Done ✅

[joelkesler]

I also ran the recommended formatting command from the lint check:

yarn ng-dev format files src/material/tabs/tab-config.ts src/material/tabs/tab-group.ts

I am not sure what to do about the other failing checks. Let me know if there is more I can do!

[crisbeto]

For the linting check you'd have to change the commit message to start with feat(material/tabs):. I can do that while merging though.

For the API golden failure you need to run yarn approve-api tabs and commit the result.

[joelkesler]

For the API golden failure you need to run yarn approve-api tabs and commit the result.

Done ✅

[liesahead]

Why not this? I'm just wondering.

defaultConfig?.stretchTabs ?? true

[joelkesler]

For me, I was copying the way it was done in the file already, with my thinking that it was the quickest way to get the change approved and merged :)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}