Side nav

A vertical list of links used for site navigation, typically placed beside body content.

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

Usage

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

For example:

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

SideNav Props
Prop	Type	Description
activePath	string	Used for highlighting the active element.
collapseTitle	string	Used as the title of the expand/collapse trigger on smaller screen sizes.
items	SideNavMenuItemType[]	The list of links.
title	string	The title is placed at the top of the list of links.
background?	"body" \| "bodyAlt"Default: "body"	If SideNav is placed on 'bodyAlt' background, please set this to 'bodyAlt'.
titleLink?	string	If provided, the title will be rendered as an anchor element.

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