Files
crater/resources/scripts/components/base/BaseBreadcrumbItem.vue
2023-03-25 16:50:44 +05:30

44 lines
727 B
Vue

<template>
<li class="pr-2 text-sm">
<router-link
class="
m-0
mr-2
text-sm
font-medium
leading-5
text-gray-900
dark:text-gray-400
outline-none
dark:focus:ring-offset-gray-900
focus:ring-2 focus:ring-offset-2 focus:ring-primary-400
"
:to="to"
>
{{ title }}
</router-link>
<span v-if="!active" class="px-1">/</span>
</li>
</template>
<script setup>
let name = 'BaseBreadcrumItem'
const props = defineProps({
title: {
type: String,
default: String,
},
to: {
type: String,
default: '#',
},
active: {
type: Boolean,
default: false,
required: false,
},
})
</script>