Navigation

Navigations anchor user interfaces, providing a consistent pathway to navigate through various sections of digital platforms. These elements streamline access to core functionalities and content, making for an intuitive user journey.

NavigationMenuLink examples

Default

Default NavigationMenuLink

Icon NavigationMenuLink

Add icons to the left and right of the NavigationMenuLink by passing the iconLeading and iconTrailing props to the component, respectively.

Filled

Change the fill type of the NavigationMenuLink by passing the type prop to the component.

SideNavigation

Example SideNavigation with NavigationMenuLink.

Filled SideNavigation

Example filled SideNavigation with navigation menu link.

Installation

Properties

For more advanced usage, see https://www.radix-ui.com/primitives/docs/components/navigation-menu (opens in a new tab).

NavigationMenuLink