NavigationView Control

Styles

Style Key	Semantic Alias	IsDefaultStyle*
`MaterialNavigationViewStyle`	`NavigationViewStyle`	True
`MaterialNavigationViewItemStyle`	`NavigationViewItemStyle`	True
`MaterialDefaultNavigationViewStyle`		True
`MaterialDefaultNavigationViewItemStyle`		True

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

Lightweight Styling

Themed

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