Agriculture Design System
Beta
Design System for the Export Service

Skip link

Skip links are internal page links that aid navigation around a page. They are accessible by screen reader and keyboard users, and help users quickly jump to and over content on the page.

View in StorybookView in Github
import { ... } from '@ag.ds-next/react/skip-link';

Usage

Skip link components can be imported via the skip-link entrypoint in the @ag.ds-next/react package.

For example:

import { ... } from '@ag.ds-next/react/skip-link';

Props

SkipLinks Props
PropTypeDescription
links{ label: ReactNode; href: string; }[]
aria-label?string

Source

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