Navigation Menu

SNavigationMenu is horizontal site navigation with dropdown panels of links. It is built on Reka UI (the navigation role, keyboard support, an animated viewport and indicator). Items are set with the items prop: a direct link (href) or an expandable panel (links with a title and description). The chevron is an SIcon.

Basic usage

API

Props

Name	Type	Default	Description
items	{ label: string; href?: string; links?: { label: string; href: string; description?: string | undefined }[] }[]	undefined	Navigation items: a direct link (href) or an expandable panel (links).
aria-label	string	undefined	Accessible name of the navigation (aria-label).
square	boolean	undefined	Square corners: removes the rounding of the dropdown panel.
flat	boolean	undefined	Removes the shadow. Overridden by the elevation prop when it is set.
elevation	0 | 1 | 2 | 3 | 4 | 5	undefined	Shadow level 0–5 (scale); 0 means no shadow. Overrides flat.