Breadcrumbs

Div(
    Ul(
        Li(A("Home")),
        Li(A("Documents")),
        Li("Add Document"),
        cls="flex"
    ),
    cls="breadcrumbs text-sm"
)

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'
)

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'
)