20 lines
541 B
Plaintext
20 lines
541 B
Plaintext
component Tabs {
|
|
props {
|
|
@event change = function
|
|
@event select = function
|
|
size = "default"
|
|
color = "primary"
|
|
label = "Tabs"
|
|
items = []
|
|
active = ""
|
|
orientation = "horizontal"
|
|
class = ""
|
|
}
|
|
view {
|
|
<nav class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--tabs 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>
|
|
}
|
|
}
|