In-page Navigation

In-page navigation helps users understand the contents of a page and navigate to the section they need to read. This component is best suited for lengthy pages. The component is displayed alongside the main content in a sticky container that remains fixed when the user scrolls. When a user clicks an item on the in-page navigation, the page smoothly scrolls to the target section.

Example:

How to author: