# @askrjs/themes/breadcrumb

> Published API exports for @askrjs/themes/breadcrumb.

Source: [https://askrjs.com/docs/reference/api/themes/breadcrumb](https://askrjs.com/docs/reference/api/themes/breadcrumb)

Status: stable. Packages: @askrjs/themes/breadcrumb.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 7 exports from the declarations shipped by @askrjs/themes.

### `Breadcrumb`

```ts
Breadcrumb: (props: CatalogComponentProps) => JSX.Element
```

Renders the `breadcrumb` part of the shadcn-compatible catalog primitives.

### `BreadcrumbEllipsis`

```ts
BreadcrumbEllipsis: (props: CatalogComponentProps) => JSX.Element
```

Renders a non-interactive ellipsis marker in a breadcrumb trail.

### `BreadcrumbItem`

```ts
BreadcrumbItem: (props: CatalogComponentProps) => JSX.Element
```

Renders the `breadcrumb-item` part of the shadcn-compatible catalog primitives.

### `BreadcrumbLink`

```ts
BreadcrumbLink: (props: CatalogComponentProps) => JSX.Element
```

Renders the `breadcrumb-link` part of the shadcn-compatible catalog primitives.

### `BreadcrumbList`

```ts
BreadcrumbList: (props: CatalogComponentProps) => JSX.Element
```

Renders the `breadcrumb-list` part of the shadcn-compatible catalog primitives.

### `BreadcrumbPage`

```ts
BreadcrumbPage: (props: CatalogComponentProps) => JSX.Element
```

Renders the current (non-link) breadcrumb page, marked `aria-current="page"`.

### `BreadcrumbSeparator`

```ts
BreadcrumbSeparator: (props: CatalogComponentProps) => JSX.Element
```

Renders the separator between breadcrumb items (defaults to `"/"`).

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/themes/block/index.md) | [Next](https://askrjs.com/docs/reference/api/themes/button-group/index.md)