20 lines
560 B
Plaintext
20 lines
560 B
Plaintext
component Breadcrumb {
|
|
props {
|
|
@event navigate = function
|
|
@event click = function
|
|
size = "default"
|
|
color = "primary"
|
|
label = "Breadcrumb"
|
|
items = []
|
|
active = ""
|
|
orientation = "horizontal"
|
|
class = ""
|
|
}
|
|
view {
|
|
<nav class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--breadcrumb wire-next--{orientation} {class}" aria-label="{label}">
|
|
{#each items as item}<a href="{item.href}" aria-current="{item.value === active ? 'page' : ''}">{item.label}</a>{/each}
|
|
<slot />
|
|
</nav>
|
|
}
|
|
}
|