Breadcrumb

component

A trail of links showing where the current page sits in the site hierarchy.

Install

php bin/console ux:install breadcrumb \
    --kit=https://github.com/xormania/uxor:0.3.0

README Source

What it installs

Copies: templates/ → templates/
Composer: symfony/ux-icons
twig/html-extra:^3.24.0
symfony/ux-twig-component:^3.5
tales-from-a-dev/twig-tailwind-extra:^1.3.0

Examples (1)

Default

Light

Dark

Code

<twig:Breadcrumb>
    <twig:Breadcrumb:Item href="#">
        <twig:ux:icon name="flowbite:home-solid" class="size-4" aria-hidden="true" />
        Home
    </twig:Breadcrumb:Item>
    <twig:Breadcrumb:Item href="#">Projects</twig:Breadcrumb:Item>
    <twig:Breadcrumb:Item>[Project name]</twig:Breadcrumb:Item>
</twig:Breadcrumb>