Breadcrumb

Display a breadcrumb component.

Usage

Build a breadcrumb with a routes object, providing an optional loading state and link.

<script lang="ts" setup>
const routes = ref([
  { label: 'Home', to: '/', loading: false },
  { label: 'Profile', to: '/', loading: false },
  { label: 'Settings', to: '/', loading: false },
])
</script>

<template>
  <CBreadcrumb
    :routes="routes"
  />
</template>

Loading

<template>
<CBreadcrumb loading :routes="[{ label: 'Home', to: '/', loading: false }, { label: 'Profile', to: '/', loading: false }, { label: 'Settings', to: '/', loading: false }]" />
</template>

Props

routes

RouteItem[]

boolean