New to Telerik UI for .NET MAUIStart a free 30-day trial

.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.

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

In this article
See Also
Not finding the help you need?
Contact Support