TabItem.HeaderContent Property

Gets or sets the view the Tab View displays for a tab item instead of the default item header. This is a bindable property.

Namespace: DevExpress.Maui.Controls

Assembly: DevExpress.Maui.Controls.dll

NuGet Package: DevExpress.Maui.Controls

Declaration

public View HeaderContent { get; set; }

Property Value

Type	Description
View	The view.

Remarks

The following code sample defines the custom tab header item:

XAML

<ContentPage ...
             xmlns:dxc="clr-namespace:DevExpress.Maui.Controls;assembly=DevExpress.Maui.Controls">
    <dxc:TabView HeaderPanelPosition="Bottom" ... >
        <dxc:TabViewItem>
            <dxc:TabViewItem.HeaderContent>
                <Grid VerticalOptions="End" RowDefinitions="Auto, *">
                    <Image Source="email" HeightRequest="30" Grid.Row="0" Margin="0,10,0,0"/>
                    <Label Text="Mail" HorizontalTextAlignment="Center" Grid.Row="1" Margin="0,-4,0,0" FontSize="16" />
                    <Ellipse WidthRequest="12" HeightRequest="12" Fill="Red" 
                             Grid.Row="0" Margin="24,10,0,0" HorizontalOptions="Center" VerticalOptions="Start"/>
                </Grid>
            </dxc:TabViewItem.HeaderContent>
            <dxc:TabViewItem.Content>
                <Grid>
                    <Label Text="Mail List Here" 
                           HorizontalOptions="Center" 
                           VerticalOptions="CenterAndExpand"/>
                </Grid>
            </dxc:TabViewItem.Content>
        </dxc:TabViewItem>
    </dxc:TabView>
</ContentPage>