.NET MAUI TabView Styling

The .NET MAUI TabView provides means for modifying its visual appearance so that it matches the style of the app. You can style different parts of the TabView—its header, items, and content area.

The Styling is part of Telerik UI for .NET MAUI, the most comprehensive UI suite for .NET MAUI! To try it out, sign up for a free 30-day trial and kickstart your cross-platform app development today.

Download Free Trial

Check the TabView Visual Structure topic for a visual representation of the TabView elements.

You can use any of the following TabView properties to change its look & feel:

• BackgroundColor (Color)—Specifies the background color of the control.
• BorderColor (Color)—Specifies the border color of the control.
• BorderThickness (Thickness)—Specifies the border thickness of the control.
• CornerRadius (Thickness)—Specifies the corner radius of the control.
• ContentPadding (Thickness)—Specifies the padding of the inner content of the control.

In addition, TabView provides the styling properties listed below for modifying its elements—header, TabView items, and content area.

• HeaderStyle—Specifies the style of the entire header area (border, background color, and so on).
• HeaderItemStyle (Style with target type TabViewHeaderItem)—Specifies the style selector that chooses the style for the header items (font, text color, and so on).
• HeaderItemStyleSelector—Specifies the style of the individual header items (font, text color, and so on.). This property has a higher precedence than the HeaderItemStyle property.
• ContentStyle—Specifies the style of the entire content area (borders, background color, and so on).

See Also

• Styling the Header
• Styling the Header Item
• Applying a StyleSelector to the Header Item
• Styling the TabView Content