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

Prop	Default	Type
`loading`		`boolean`
`routes`		`RouteItem[]`