Tabs

StrataKit MUI modifications

• Added size prop.
• <Tabs> does not support the indicatorColor prop.
• <Tabs> does not support textColor="inherit".
• <Tabs> does not support allowScrollButtonsMobile or scrollButtons. Scroll buttons are automatically shown for mouse users and hidden for touch users.
• <Tab> default value for iconPosition is now "start".
• Restyled using StrataKit’s visual language.
• Includes full forced-colors support.

Examples

Colors

Use the textColor prop to set the tabs theme.

• Primary: The default.
• Secondary: Use when less emphasis is required.

Icons

An Icon can accompany a tab. The position of the icon be changed using the iconPosition prop.

Use a Tooltip with describeChild={false} when a tab has an icon only and no label.

Scrollable

When there are too many tabs, the tab list becomes scrollable. A fade indicates additional content, and scroll buttons appear for mouse users.

Sizes

• Small: Use in compact interfaces where space is limited.
• Medium: Default size, suitable for most use cases.