BjBreadcrumb

Fil d’Ariane : prop items obligatoire. Les entrées avec to dont l’index est strictement inférieur au dernier sont des liens ; le dernier segment est toujours rendu en texte courant (aria-current="page"), même si to est fourni.

<script setup>
import { BjBreadcrumb } from '@flrxnt/dsbj/vue'
</script>

<template>
  <BjBreadcrumb
    :items="[
      { label: 'Accueil', to: '/' },
      { label: 'Rubrique', to: '/rubrique' },
      { label: 'Page actuelle' },
    ]"
  />
</template>

<BjBreadcrumb
  :items="[
    { label: 'Accueil', to: '/' },
    { label: 'Rubrique', to: '/r' },
    { label: 'Page', to: '/r/p' },
  ]"
/>

<BjBreadcrumb
  :items="[
    { label: 'Accueil', to: '/' },
    { label: 'Page actuelle' },
  ]"
/>

<BjBreadcrumb :items="[{ label: 'Seulement la page courante' }]" />

<BjBreadcrumb
  :items="[
    { label: 'Accueil', to: '/' },
    { label: 'Courant', to: '/c' },
  ]"
/>

Prop	Description
`items`	Tableau d’objets avec champs label (string) et to optionnel. Les liens : item.to défini et index strictement avant le dernier élément.

BjBreadcrumb

Utilisation

Aperçu

items : plusieurs entrées avec to

Dernier sans to

Un seul segment (page courante)

to sur le dernier (toujours span)

Props