Breadcrumb

Breadcrumbs are used to indicate the current page’s location within a navigational hierarchy.

1<x-breadcrumb>
2    <x-breadcrumb.item>Settings</x-breadcrumb.item>
3    <x-breadcrumb.item>Account</x-breadcrumb.item>
4    <x-breadcrumb.item current>Notifications</x-breadcrumb.item>
5</x-breadcrumb>

Links

Breadcrumbs can be used as links by adding the href attribute to each <x-breadcrumb.item> component.

1<x-breadcrumb>
2    <x-breadcrumb.item href="/settings">Settings</x-breadcrumb.item>
3    <x-breadcrumb.item href="/account">Account</x-breadcrumb.item>
4    <x-breadcrumb.item current>Notifications</x-breadcrumb.item>
5</x-breadcrumb>