mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-25 17:30:37 +01:00
44 lines
787 B
Vue
44 lines
787 B
Vue
<template>
|
|
<nav :class="wrapperClass">
|
|
<Link
|
|
v-for="(link, index) of links"
|
|
:key="index"
|
|
:to="link.to"
|
|
:exact="link.exact"
|
|
:class="baseClass"
|
|
:active-class="activeClass"
|
|
:inactive-class="inactiveClass"
|
|
>
|
|
{{ link.label }}
|
|
</Link>
|
|
</nav>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Link from '../elements/Link'
|
|
import $ui from '#build/ui'
|
|
|
|
defineProps({
|
|
links: {
|
|
type: Array,
|
|
required: true
|
|
},
|
|
wrapperClass: {
|
|
type: String,
|
|
default: () => $ui.pills.wrapper
|
|
},
|
|
baseClass: {
|
|
type: String,
|
|
default: () => $ui.pills.base
|
|
},
|
|
activeClass: {
|
|
type: String,
|
|
default: () => $ui.pills.active
|
|
},
|
|
inactiveClass: {
|
|
type: String,
|
|
default: () => $ui.pills.inactive
|
|
}
|
|
})
|
|
</script>
|