Breadcrumb
Used to indicate where the user is in the structure of a page.
Breadcrumb
<!-- breadcrumb.blade.php -->
<nav id="62bed40bb4682" class="c-breadcrumb" aria-label="Breadcrumb" data-uid="62bed40bb467e">
<ol class="c-breadcrumb__list unlist">
<li data-level="1" class="c-breadcrumb__item c-breadcrumb__item_0 c-breadcrumb__item_depth-1">
<!-- icon.blade.php -->
<i id="62bed40bb4708" class="c-icon c-icon--size-inherit material-icons" translate="no" role="img" alt="" data-uid="62bed40bb4704">
bookmark
</i>
<a class="c-breadcrumb__link" href="https://hbgworks.helsingborg.se">
<span class="c-breadcrumb__label">
Main page
</span>
</a>
</li>
<li data-level="1" class="c-breadcrumb__item c-breadcrumb__item_1 c-breadcrumb__item_depth-1">
<!-- icon.blade.php -->
<i id="62bed40bb4756" class="c-icon c-icon--size-inherit material-icons" translate="no" role="img" alt="" data-uid="62bed40bb4743">
chevron_right
</i>
<a class="c-breadcrumb__link" href="https://hbgworks.helsingborg.se">
<span class="c-breadcrumb__label">
Sub page
</span>
</a>
</li>
<li data-level="1" class="c-breadcrumb__item c-breadcrumb__item_2 c-breadcrumb__item_depth-1">
<!-- icon.blade.php -->
<i id="62bed40bb4791" class="c-icon c-icon--size-inherit material-icons" translate="no" role="img" alt="" data-uid="62bed40bb478e">
chevron_right
</i>
<span class="c-breadcrumb__label" aria-current="page">
Sub sub page
</span>
</li>
</ol>
</nav>
@breadcrumb(
[
'list' => [
['href' => 'https://hbgworks.helsingborg.se', 'label' => 'Main page'],
['href' => 'https://hbgworks.helsingborg.se', 'label' => 'Sub page'],
['href' => 'https://hbgworks.helsingborg.se', 'label' => 'Sub sub page'],
]
]
)
@endbreadcrumb
Blade component parameters
Key | Default value | Type | Available values | Description |
list | [] | array | - | - |
label | Breadcrumb | string | - | - |
componentElement | nav | string | - | - |
listType | ol | string | - | - |
listItemType | li | string | - | - |
id | string | - | The DOM id of the component. | |
classList | [] | array | - | Array containing wrapping classes array |
attributeList | [] | array | - | Array containing keys and values rendered as attributes |
containerAware | false | boolean | true/false | Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component. |