Phara UI v2.x
Login

Breadcrumbs

A navigation aid that helps users keep track of their location within the application.

Basic

Standard breadcrumb navigation with links and a current page indicator.

Blade 
<x-ui::breadcrumbs>
    <x-ui::breadcrumbs-item href="/">Home</x-ui::breadcrumbs-item>
    <x-ui::breadcrumbs-item href="/components">Components</x-ui::breadcrumbs-item>
    <x-ui::breadcrumbs-item>Breadcrumbs</x-ui::breadcrumbs-item>
</x-ui::breadcrumbs>
With Icons

Add icons to breadcrumb items for better visual context.

Blade 
<x-ui::breadcrumbs>
    <x-ui::breadcrumbs-item href="/" icon="home">Home</x-ui::breadcrumbs-item>
    <x-ui::breadcrumbs-item href="/projects" icon="folder">Projects</x-ui::breadcrumbs-item>
    <x-ui::breadcrumbs-item icon="document">Project Details</x-ui::breadcrumbs-item>
</x-ui::breadcrumbs>
Separators

Customize the separator icon between breadcrumb items.

Blade 
<x-ui::breadcrumbs>
    <x-ui::breadcrumbs-item href="/" separator="chevron-double-right">Home</x-ui::breadcrumbs-item>
    <x-ui::breadcrumbs-item href="/settings" separator="chevron-double-right">Settings</x-ui::breadcrumbs-item>
    <x-ui::breadcrumbs-item>Profile</x-ui::breadcrumbs-item>
</x-ui::breadcrumbs>