---
title: "The navigation renderings"
slug: "the-navigation-renderings"
abstract: "Learn more about SXA's default navigation renderings"
---
# The navigation renderings

Navigation is an important part of any page. SXA comes with a great variety of navigation variants and styles. By default, the following navigation renderings are available:

- **Archive** - provides clear chronological navigation and divides content into years, months, weeks, or days. Good for blog pages.

    ![The archive component.](https://doc.sitecore.com/api/markdown-image/xp/en/users/sxa/102/sitecore-experience-accelerator/images/SXA-archive-example.PNG)

- **Breadcrumb** - generates a [breadcrumb](https://doc.sitecore.com/xp/en/users/sxa/102/sitecore-experience-accelerator/add-links-and-breadcrumbs.html "Add links and breadcrumbs") that lists all path items from the root to the current item. Supports rendering variants.

    ![The Breadcrumb component.](https://doc.sitecore.com/api/markdown-image/xp/en/users/sxa/102/sitecore-experience-accelerator/images/SXA-breadcrumb.PNG)

- **Link** and **Link list** - a [link](https://doc.sitecore.com/xp/en/users/sxa/102/sitecore-experience-accelerator/add-links-and-breadcrumbs.html "Add links and breadcrumbs") adds a link to a sibling or parent page, a page from browsing history, an arbitrary page or a resource. Using this dedicated component for your links helps you to make sure all your hyperlinks lead exactly where they should, in a browser window you would expect, with a correct class and a proper description. A Link list rendering displays lists with items that contain a title, link, and text.

    ![The Link list component.](https://doc.sitecore.com/api/markdown-image/xp/en/users/sxa/102/sitecore-experience-accelerator/images/SXA-linklist.png)

- **Navigation** - generates a navigation menu. The navigation renderings in SXA help you design navigation in a way that helps website users. See [Add navigation](https://doc.sitecore.com/xp/en/users/sxa/102/sitecore-experience-accelerator/add-navigation.html "Add navigation") for more details on styling.

    ![Big/Fat navigation component.](https://doc.sitecore.com/api/markdown-image/xp/en/users/sxa/102/sitecore-experience-accelerator/images/SXA-navigation-bigfat.PNG)