Breadcrumbs

A navigation element that shows the user's current location in the application. It is most clearly seen in the Admin area of Genesys Cloud.

Component checklist

Status

The status of the component

Ready for use!

Figma component

A link to the Figma library where the component lives.

Repository

A link to the repo where the component lives.

Usage


Generally, there is no need to build landing pages to match the breadcrumbs.

Use primary breadcrumbs and secondary breadcrumbs as intended

Do

The primary breadcrumbs should always exist before the secondary breadcrumbs in the hierarchy.

Don't

Do not put the secondary breadcrumb in place of the primary breadcrumb.

Start with a secondary location to reduce redundancy

Do

In this example, the first breadcrumb node indicates the page in the Admin section.

Don't

It is unnecessary to show the Admin section as the first node in the breadcrumb.