Table of Contents
Breadcrumbs
Breadcrumbs mark and communicate a user’s location in the product.
Used for this
- To show the user where they are in a nested navigation
- To provide a quick way to navigate to ancestor pages
How to use it
Default
Breadcrumbs and the Anchor component work together. Each element (a “crumb” if you will) is separated from the others with an arrow.
Configuration
- Name9.0.0-next.26•View source•View on npm
- Installnpm install @zendeskgarden/react-breadcrumbs
- Depsnpm install react react-dom styled-components @zendeskgarden/react-theming
- Importimport { Breadcrumb } from '@zendeskgarden/react-breadcrumbs'
API
Breadcrumb
Extends HTMLAttributes<HTMLElement>