[Design Request]: Full-width option for tabs

[Patrick2607]

Requirements before reporting

• [X] No duplicated issue reported
• [X] I have checked the latest version if the feature exist there

Type of feature request

Design

What is your feature request?

Full-width option for all tabs variants (inline, folder, navigation).

Background

I am currently developing a tablet front-end and require tabs for navigation purposes. However, the existing tabs are too small, especially when users need to press them. Additionally, integrating larger tabs would enhance the aesthetic appeal of the page, making them a more prominent and integral component of the user interface.

Idea

I have tried setting the width to 100%, but this results in a button flickering on the right side of the screen (the button that enables you to scroll through the tabs if the width exceeds the parent width).

Goals and objectives

Something that looks like the following (Angular Material modified with Tegel theme):

Timeline

No response

Resources

https://material.angular.io/components/tabs/examples#tab-group-stretched

Contact information

[email protected]