22 lines
727 B
Vue
22 lines
727 B
Vue
<template>
|
|
<div class="mt-6 -mb-1 flex flex-wrap">
|
|
<template v-for="(link, key) in links">
|
|
<div v-if="link.url === null" :key="key" class="mr-1 mb-1 px-4 py-3 text-sm border rounded text-grey" :class="{ 'ml-auto': link.label === 'Next' }">{{ link.label }}</div>
|
|
<inertia-link v-else :key="key" class="mr-1 mb-1 px-4 py-3 text-sm border rounded hover:bg-white focus:border-indigo focus:text-indigo" :class="{ 'bg-white': link.active, 'ml-auto': link.label === 'Next' }" :href="link.url">{{ link.label }}</inertia-link>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { InertiaLink } from 'inertia-vue'
|
|
|
|
export default {
|
|
components: {
|
|
InertiaLink,
|
|
},
|
|
props: {
|
|
links: Array,
|
|
},
|
|
}
|
|
</script>
|