<a id="breadcrumbs"></a>

## Breadcrumbs  
**Category**: Navigation
Navigation hierarchy component with responsive trail support
### Examples

#### Basic Breadcrumbs  
```python
Div(
    Ul(
        Li(A("Home")),
        Li(A("Documents")),
        Li("Add Document"),
        cls="flex"
    ),
    cls="breadcrumbs text-sm"
)
```

#### Breadcrumbs with Icons  
```python
items = [
    ("Home", Icon.folder(), True),
    ("Documents", Icon.folder(), True),
    ("Add Document", Icon.add_doc(), False)
]

Div(
    Ul(*[Li(
        A(icon, f"{text}", cls='gap-2') if is_link else
        Span(icon, f"{text}", cls='inline-flex items-center gap-2')
    ) for text, icon, is_link in items]),
    cls='breadcrumbs text-sm'
)
```

#### Scrolling Breadcrumbs  
```python
Div(
    Ul(
        Li('Long text 1'),
        Li('Long text 2'),
        Li('Long text 3'),
        Li('Long text 4'),
        Li('Long text 5')
    ),
    cls='breadcrumbs max-w-xs text-sm'
)
```