xidedix
44 lines
1.0 KiB
Vue
44 lines
1.0 KiB
Vue
<template>
|
|
<div class="wrapper">
|
|
<div class="animated fadeIn">
|
|
<b-row>
|
|
<b-col cols="12">
|
|
<b-card
|
|
header-tag="header"
|
|
footer-tag="footer">
|
|
<div slot="header">
|
|
<i class="fa fa-align-justify"></i> <strong>Bootstrap Breadcrumb</strong>
|
|
<div class="card-header-actions">
|
|
<a href="https://bootstrap-vue.js.org/docs/components/breadcrumb" class="card-header-action" rel="noreferrer noopener" target="_blank">
|
|
<small class="text-muted">docs</small>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<b-breadcrumb :items="items"/>
|
|
</b-card>
|
|
</b-col>
|
|
</b-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'breadcrumbs',
|
|
data () {
|
|
return {
|
|
items: [{
|
|
text: 'Admin',
|
|
href: '#'
|
|
}, {
|
|
text: 'Manage',
|
|
href: '#'
|
|
}, {
|
|
text: 'Library',
|
|
active: true
|
|
}]
|
|
}
|
|
}
|
|
}
|
|
</script>
|