Inpage nav

Also known as Page contents, Inpage nav links help users scan page contents and quickly navigate to different sections.

import { ... } from '@ag.ds-next/react/inpage-nav';

Usage

Inpage nav components can be imported via the inpage-nav entrypoint in the @ag.ds-next/react package.

For example:

import { ... } from '@ag.ds-next/react/inpage-nav';

InpageNav Props
Prop	Type	Description
links	(Omit<InpageNavItemProps, "children"> & { label: ReactNode; })[]	The list of links.
aria-label?	string	Describes the navigation element to assistive technologies.
title?	string	The title to display above the list of links.

You can view the full source code for this package on Github.