Agriculture Design System
Beta
Design System for the Export Service

Breadcrumbs

Breadcrumbs show a user their location on a website so they can easily navigate to find what they need.

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

Usage

Breadcrumbs components can be imported via the breadcrumbs entrypoint in the @ag.ds-next/react package.

For example:

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

Props

Breadcrumbs Props
PropTypeDescription
linksBreadcrumbsLink[]
The list of links. Minimum of 2 links are required.
aria-label?string
Describes the navigation element to assistive technologies.

Source

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