bootstrap-vue
Version:
BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
55 lines (47 loc) • 999 B
Markdown
# Breadcrumb
> Indicate the current page’s location within a navigational hierarchy.
Separators are automatically added in CSS through <code>::before</code> and <code>content</code>.
```html
<template>
<b-breadcrumb :items="items"/>
</template>
<script>
export default {
data () {
return {
items: [{
text: 'Admin',
href: '#'
}, {
text: 'Manage',
href: '#'
}, {
text: 'Library',
active: true
}]
}
}
}
</script>
<!-- breadcrumb.vue -->
```
## Breadcrumb items
Items are rendered using `:items` prop.
It can be an array of objects to provide link and active state.
Links can be `href`'s for anchor tags, or `to`'s for router-links.
Active state of last element is automatically set if it is undefined.
```
items = [
{
text: 'Home',
href: 'http://google.com',
}, {
text: 'Posts',
to: { name: 'home' },
}, {
text: 'Another Story',
active: true
}
]
```
## Component Reference