# ez-breadcrumb



<!-- Auto Generated Below -->


## Properties

| Property           | Attribute           | Description                                                    | Type                  | Default  |
| ------------------ | ------------------- | -------------------------------------------------------------- | --------------------- | -------- |
| `fillMode`         | `fill-mode`         | Define o modo de uso do Breadcrumb.                            | `"auto" \| "regular"` | `"auto"` |
| `items`            | --                  | Lista de itens do breadcrumb.                                  | `IBreadcrumbItem[]`   | `[]`     |
| `maxItems`         | `max-items`         | Define o limite máximo de itens a serem renderizados.          | `number`              | `4`      |
| `positionEllipsis` | `position-ellipsis` | Define a posição do Ellipsis nos itens visíveis do Breadcrumb. | `number`              | `1`      |


## Events

| Event          | Description                                         | Type                           |
| -------------- | --------------------------------------------------- | ------------------------------ |
| `selectedItem` | Emitido quando um item do breadcrumb é selecionado. | `CustomEvent<IBreadcrumbItem>` |


## Dependencies

### Depends on

- [ez-icon](../ez-icon)
- [ez-dropdown](../ez-dropdown)

### Graph
```mermaid
graph TD;
  ez-breadcrumb --> ez-icon
  ez-breadcrumb --> ez-dropdown
  ez-dropdown --> ez-skeleton
  ez-dropdown --> ez-icon
  style ez-breadcrumb fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------




## CSS Variables
| Variable  | Description | 
 |-|-|
| --breadcrumb\_\_item--label--color--title-primary | Define a cor da fonte do link, com exceção do último. | 
| --breadcrumb\_\_item--label--color--active | Define a cor da fonte do último link | 
| --breadcrumb\_\_item--label--font-weight | Define o peso da fonte. |