# gds-breadcrumb

**Class**: `GdsBreadcrumb`

**Tag**: `<gds-breadcrumb>`


## Properties

| Name | Type | Default | Description |
|------|------|---------|-------------|
| `href` | `string` | `-` | The URL that the breadcrumb item points to. |
| `target` | `'_self' \| '_blank' \| '_parent' \| '_top' \| undefined` | `-` | Where to display the linked breadcrumb URL. Only used when href is present. |
| `rel` | `string \| undefined` | `-` | The relationship of the linked breadcrumb URL. Defaults to "noreferrer noopener" when target is "_blank". |
| `label` | `string` | `-` | Accessible label for the breadcrumb item. Use when visual text needs a different description. |
| `overflow` | `boolean` | `-` | When true, the breadcrumb item will render as an overflow menu instead of a regular link. |
| `syncFirstRender` | `boolean` | `-` | Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM is projected.  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the element needs to be measured synchronously after being added to the DOM. |


## Slots

| Name | Description |
|------|-------------|
| `(default)` | Default slot for the breadcrumb content |
| `lead` | Optional slot for leading content (usually icons) |
| `trail` | Optional slot for trailing content |


## Routing Support

This component supports routing via the `href` property.