Breadcrumbs

x-breadcrumbs

A navigation trail showing the path to the current page, with chevron separators added automatically. Compose with <x-breadcrumbs.item>.

php artisan components:add breadcrumbs

Examples

Basic

Chevron separators are added automatically between items.

<div class="flex w-full justify-center">
    <x-components.breadcrumbs>
        <x-components.breadcrumbs.item href="#">Home</x-components.breadcrumbs.item>
        <x-components.breadcrumbs.item href="#">Projects</x-components.breadcrumbs.item>
        <x-components.breadcrumbs.item href="#">Atlas</x-components.breadcrumbs.item>
        <x-components.breadcrumbs.item current>Settings</x-components.breadcrumbs.item>
    </x-components.breadcrumbs>
</div>

Slots

Slot	Description
`slot`	Breadcrumb items, composed of <x-breadcrumbs.item>.