NavigationView Control

Styles

Style Key IsDefaultStyle*
NavigationViewStyle True
NavigationViewItemStyle True

IsDefaultStyle*: Styles in this column will be set as the default implicit style for the matching control

Lightweight Styling

Key Type Value
MaterialNavigationViewSplitViewCornerRadius CornerRadius 0
MaterialNavigationViewContentGridCornerRadius CornerRadius 0
MaterialNavigationViewSplitViewPadding Thickness 0,12
MaterialNavigationViewButtonWidth Double 56
MaterialNavigationViewButtonHeight Double 32
MaterialNavigationViewButtonCornerRadius CornerRadius 16
MaterialNavigationViewButtonIconLength Double 24
MaterialNavigationViewButtonIconSymbolFontSize Double 24
MaterialNavigationViewButtonMarginWhenStackedVertically Thickness 12,0
MaterialNavigationItemHeight Double 56
MaterialNavigationItemHeightCompact Double 32
MaterialNavigationItemMarginCompact Double 12
MaterialNavigationViewItemCornerRadius CornerRadius 28
MaterialNavigationViewItemCornerRadiusLeftOnly CornerRadius 28,0,0,28
MaterialNavigationViewItemCornerRadiusCompact CornerRadius 16
MaterialNavigationItemLeftMargin Thickness 12,0
MaterialNavigationItemIconLength Double 24
MaterialNavigationItemContentMargin Thickness 12,0,0,0
MaterialNavigationItemContentMarginWithoutIcon Thickness 0
MaterialNavigationItemContentPaddingCompact Thickness 16,4
NavigationViewAutoSuggestBoxMargin Thickness 16,0
TopNavigationViewAutoSuggestBoxMargin Thickness 4,0
PaneToggleButtonHeight Double 32
PaneToggleButtonWidth Double 80
NavigationViewCompactPaneLength Double 80
NavigationViewIconBoxWidth Double 40
NavigationViewTopPaneHeight Double 48
NavigationViewAutoSuggestAreaHeight Double 40
TopNavigationViewPaneCustomContentMinWidth Double 80
TopNavigationViewOverflowButtonWidth Double 40
TopNavigationViewOverflowButtonHeight Double 40
TopNavigationViewSettingsButtonWidth Double 40
TopNavigationViewSettingsButtonHeight Double 40
NavigationViewItemOnLeftMinHeight Double 56
NavigationViewPaneHeaderRowMinHeight Double 56
NavigationViewItemOnLeftIconBoxHeight Double 24
NavigationViewSelectionIndicatorWidth Double 3
NavigationViewSelectionIndicatorHeight Double 24
NavigationViewSelectionIndicatorRadius Double 2
NavigationViewItemSeparatorHeight Double 1
TopNavigationViewItemSeparatorWidth Double 1
NavigationViewToggleBorderThickness Thickness 0
NavigationViewItemBorderThickness Thickness 1
NavigationViewItemOnLeftIconBoxMargin Thickness 3
NavigationViewItemButtonMargin Thickness 12,0
NavigationViewItemInnerHeaderMargin Thickness 16,0
TopNavigationViewItemInnerHeaderMargin Thickness 12,0
NavigationViewMinimalHeaderMargin Thickness -24,44,0,0
NavigationViewButtonHolderGridMargin Thickness 0
NavigationViewPaneContentGridMargin Thickness -1,3
NavigationViewContentGridBorderThickness Thickness 1,1,0,0
NavigationViewMinimalContentGridBorderThickness Thickness 0,1,0,0
TopNavigationViewContentGridBorderThickness Thickness 0,1,0,0
TopNavigationViewTopNavGridMargin Thickness 4,0
NavigationViewBorderThickness Thickness 1
NavigationViewHeaderMargin Thickness 56,44,0,0
NavigationViewContentPresenterMargin Thickness 0
NavigationViewContentMargin Thickness 0
NavigationViewMinimalContentMargin Thickness 0
TopNavigationViewContentMargin Thickness 0
NavigationViewPaneTitlePresenterMargin Thickness 8,4,0,0
NavigationViewItemMargin Thickness 0
TopNavigationViewItemMargin Thickness 0
NavigationViewItemSeparatorMargin Thickness 28,0
NavigationViewCompactItemSeparatorMargin Thickness 0,3,0,4
TopNavigationViewItemSeparatorMargin Thickness 3,0,4,0
TopNavigationViewOverflowButtonMargin Thickness 0
NavigationViewItemContentPresenterMargin Thickness 4,-1,8,-1
NavigationViewCompactItemContentPresenterMargin Thickness 0
TopNavigationViewItemContentPresenterMargin Thickness 8,-1,12,-1
TopNavigationViewItemContentOnlyContentPresenterMargin Thickness 12,0
NavigationViewItemExpandChevronMargin Thickness 0,0,-14,0
TopNavigationViewItemExpandChevronMargin Thickness -16,0,0,0
TopNavigationViewItemIconOnlyExpandChevronMargin Thickness 0
TopNavigationViewItemContentOnlyExpandChevronMargin Thickness -12,0,0,0
TopNavigationViewItemOnOverflowContentPresenterMargin Thickness 12,0,20,0
TopNavigationViewItemOnOverflowNoIconContentPresenterMargin Thickness 16,0,20,0
TopNavigationViewItemOnOverflowExpandChevronMargin Thickness -4,0,-8,0
TopNavigationViewItemOnOverflowExpandChevronPadding Thickness 12,0
NavigationViewContentGridCornerRadius CornerRadius 8,0,0,0
TopNavigationViewContentGridCornerRadius CornerRadius 0
NavigationViewMinimalContentGridCornerRadius CornerRadius 0
TopNavigationViewOverflowMenuPadding Thickness 0,8
NavigationViewItemChildrenMenuFlyoutPadding Thickness 0,8
NavigationViewItemExpandedGlyphFontSize Double 8
NavigationViewItemExpandedGlyph String
SplitViewOpenPaneThemeLength Double 320
SplitViewCompactPaneThemeLength Double 48
SplitViewLeftBorderThemeThickness Thickness 0,0,1,0
SplitViewRightBorderThemeThickness Thickness 1,0,0,0
NavigationViewSplitViewLightDismissOverlayBackground SolidColorBrush SystemControlPageBackgroundMediumAltMediumBrush
SplitViewPaneAnimationOpenDuration String 00:00:00.2
SplitViewPaneAnimationOpenPreDuration String 00:00:00.19999
SplitViewPaneAnimationCloseDuration String 00:00:00.1
SplitViewPaneRootCornerRadius CornerRadius 0
NavigationViewBackground SolidColorBrush SurfaceBrush
NavigationViewDefaultPaneBackground SolidColorBrush SurfaceVariantBrush
NavigationViewPaneBackground SolidColorBrush SurfaceVariantBrush
NavigationViewTopPaneBackground SolidColorBrush SystemControlTransparentBrush
NavigationViewDefaultPaneBorderBrush SolidColorBrush SurfaceBrush
NavigationViewButtonForeground SolidColorBrush OnSurfaceBrush
NavigationViewButtonForegroundPointerOver SolidColorBrush OnSurfaceBrush
NavigationViewButtonForegroundPressed SolidColorBrush OnSurfaceBrush
NavigationViewButtonForegroundDisabled SolidColorBrush OnSurfaceVariantBrush
NavigationViewButtonBackground SolidColorBrush SystemControlTransparentBrush
NavigationViewButtonBackgroundPointerOver SolidColorBrush OnSurfaceHoverBrush
NavigationViewButtonBackgroundPressed SolidColorBrush OnSurfacePressedBrush
NavigationViewButtonBackgroundDisabled SolidColorBrush SystemControlTransparentBrush
NavigationViewButtonRippleFeedback SolidColorBrush PrimaryPressedBrush
NavigationViewItemBackground SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBackgroundPointerOver SolidColorBrush OnSurfaceHoverBrush
NavigationViewItemBackgroundPressed SolidColorBrush OnSurfacePressedBrush
NavigationViewItemBackgroundDisabled SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBackgroundSelected SolidColorBrush SecondaryContainerBrush
NavigationViewItemBackgroundSelectedPointerOver SolidColorBrush OnSurfaceHoverBrush
NavigationViewItemBackgroundSelectedPressed SolidColorBrush OnSurfacePressedBrush
NavigationViewItemBackgroundSelectedDisabled SolidColorBrush OnSurfaceDisabledBrush
NavigationViewItemForeground SolidColorBrush OnSurfaceBrush
NavigationViewItemForegroundPointerOver SolidColorBrush SystemControlTransparentBrush
NavigationViewItemForegroundPressed SolidColorBrush SystemControlTransparentBrush
NavigationViewItemForegroundDisabled SolidColorBrush OnSurfaceVariantBrush
NavigationViewItemForegroundSelected SolidColorBrush SystemControlTransparentBrush
NavigationViewItemForegroundSelectedPointerOver SolidColorBrush SystemControlTransparentBrush
NavigationViewItemForegroundSelectedPressed SolidColorBrush SystemControlTransparentBrush
NavigationViewItemForegroundSelectedDisabled SolidColorBrush OnSurfaceVariantBrush
NavigationViewItemBorderBrush SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushSelected SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushSelectedPointerOver SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushSelectedPressed SolidColorBrush SystemControlTransparentBrush
NavigationViewItemBorderBrushSelectedDisabled SolidColorBrush SystemControlTransparentBrush
NavigationViewItemSeparatorForeground SolidColorBrush OnSurfacePressedBrush
NavigationViewItemHeaderForeground SolidColorBrush OnSurfaceVariantBrush
NavigationViewSelectionIndicatorForeground SolidColorBrush SystemControlTransparentBrush
NavigationViewItemRippleFeedback SolidColorBrush PrimaryPressedBrush
TopNavigationViewItemForeground SolidColorBrush OnSurfaceBrush
TopNavigationViewItemForegroundPointerOver SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemForegroundPressed SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemForegroundDisabled SolidColorBrush OnSurfaceVariantBrush
TopNavigationViewItemForegroundSelected SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemForegroundSelectedPointerOver SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemForegroundSelectedPressed SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemBackground SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
TopNavigationViewItemBackgroundPressed SolidColorBrush PrimaryPressedBrush
TopNavigationViewItemBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
TopNavigationViewItemBackgroundSelected SolidColorBrush PrimarySelectedBrush
TopNavigationViewItemBackgroundSelectedPointerOver SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemBackgroundSelectedPressed SolidColorBrush SystemControlTransparentBrush
TopNavigationViewItemSeparatorForeground SolidColorBrush SystemControlTransparentBrush