TopNav Props

Name	Type	Default	Description
label	string	Localized “Top navigation”	Accessible name of the landmark.
mobileQuery	string	-	When this media query matches, leading and center content moves into the mobile nav.

TopNav slots

Name	Description
heading	Brand title. Stays on the bar at narrow widths.
start	Content after the title.
default	Items and menus laid out with start.
center	Centered region. Turns the bar into three columns.
end	Trailing actions. Stays on the bar at narrow widths.

TopNavMenu Props

Name	Type	Default	Description
label	string	-	Trigger label.
items	TopNavMenuItem[]	-	Data items. The default slot can render NavMenuItem instead.
showDelay	number	150	Hover open delay, in milliseconds.
hideDelay	number	200	Pointer-leave close delay, in milliseconds.

TopNavMegaMenu Props

Name	Type	Default	Description
label	string	-	Trigger label and accessible name of the panel.
showDelay	number	150	Hover open delay, in milliseconds.
hideDelay	number	250	Pointer-leave close delay, in milliseconds.

Put TopNavMegaMenuItem in the default slot and TopNavMegaMenuFeaturedCard in featured. Inside the drawer the same content becomes an accordion and is not a menu.

TopNavHeading Props

Name	Type	Default	Description
heading	string	-	Product or app name. Optional when the heading is only a logo.
href	string	-	Link for the main title. Same as headingHref, which wins when both are set.
headingHref	string	-	Link for the main title.
superheading	string	-	Small line above the title.
superheadingHref	string	-	Link for the line above the title.
subheading	string	-	Small line below the title.
subheadingHref	string	-	Link for the line below the title.
logoLabel	string	-	Accessible name when the logo is a link and has no readable text beside it. Falls back to heading.
as	NavLinkComponent	'a'	Link root used when an address is set. It receives href and to.

When only the main title has a link and there is no menu, the whole heading is one link. When there is a menu and no links, the whole heading opens the menu. When both are present, each line navigates on its own and only the chevron opens the menu.

TopNavHeading slots

Name	Description
logo	Mark in front of the title. Same place as icon; logo wins.
icon	Icon in front of the title.
end	Trailing content on the title row, such as a badge.
menu	Popup menu, usually a NavHeadingMenu. The scope provides close and focusRequest.

TopNavMegaMenuFeaturedCard Props

Name	Type	Default	Description
title	string	-	Card title.
description	string	-	Supporting line under the title.
href	string	-	Makes the whole card a link. With linkLabel, the link moves to the bottom of the card.
image	string	-	Image shown above the text.
imageAlt	string	-	Alternative text. Without it the image is decorative and skipped by assistive tech.
linkLabel	string	-	Action text at the bottom of the card.
linkHref	string	-	Destination of the action. Falls back to href.
as	NavLinkComponent	'a'	Link root.