@patternfly/react-core/src/components/Breadcrumb/examples/Breadcrumb.md

This library provides a set of common React components for use with the PatternFly reference implementation.

---
id: Breadcrumb
section: components
cssPrefix: pf-v6-c-breadcrumb
propComponents: ['Breadcrumb', 'BreadcrumbItem', 'BreadcrumbHeading']
ouia: true
---

import { useRef, useState } from 'react';
import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';

## Examples

### Basic

```ts file="./BreadcrumbBasic.tsx"

```

### Without home link

```ts file="./BreadcrumbWithoutHomeLink.tsx"

```

### With heading

```ts file="./BreadcrumbWithHeading.tsx"

```

### With dropdown

```ts file="./BreadcrumbDropdown.tsx"

```