TabViewItem.IconSource Property

Definition

Namespace:

Microsoft.UI.Xaml.Controls

Gets or sets the icon to be displayed within the tab.

public:
 property IconSource ^ IconSource { IconSource ^ get(); void set(IconSource ^ value); };

/// [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [get: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [set: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
IconSource IconSource();

void IconSource(IconSource value);

[Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
public IconSource IconSource { [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] get; [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] set; }

var iconSource = tabViewItem.iconSource;
tabViewItem.iconSource = iconSource;

Public Property IconSource As IconSource

Property Value

IconSource

The icon to be displayed within the tab.

Attributes

Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallbackAttribute

Examples

<TabView>
    <TabView.TabItems>
        <TabViewItem Header="Home" IsClosable="False">
            <TabViewItem.IconSource>
                <SymbolIconSource Symbol="Home" />
            </TabViewItem.IconSource>
            <!-- The content of the TabViewItem -->
        </TabViewItem>
    </TabView.TabItems>
</TabView>

Remarks

If the Header property is set, the icon appears inside the tab UI to the left of the header content.

See also

• Header