Sub nav

A horizontal list of links typically placed between the main navigation and page content.

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

Usage

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

For example:

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

SubNav Props
Prop	Type	Description
links	SubNavListLink[]	The navigation list items.
activePath?	string
aria-label?	string
background?	"body" \| "bodyAlt"Default: "body"	If the SubNav is placed on a page with 'bodyAlt' background, please set this to 'bodyAlt'.
children?	ReactNode
id?	string

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