Breadcrumbs

The breadcrumbs component helps you to simply create a beautiful breadcrumbs for your pages.

Demo

<script setup>
// example component
import Breadcrumbs from "@/examples/Breadcrumbs.vue";
</script>
<template>
<Breadcrumbs
  :routes="[
    { label: 'Home', route: '/some-route' },
    { label: 'Library', route: '/some-route' },
    { label: 'Data' },
  ]"
/>
</template>

1<script setup>
2// example component
3import Breadcrumbs from "@/examples/Breadcrumbs.vue";
4</script>
5<template>
6<Breadcrumbs
7  :routes="[
8    { label: 'Home', route: '/some-route' },
9    { label: 'Library', route: '/some-route' },
10    { label: 'Data' },
11  ]"
12/>
13</template>

Props Information

Name	Type	Default	Description
routes*	array		Used to set the current route and label of the `Breadcrumbs`. It is a requried prop and accepts `route` and `label`.