BjSummary

Sommaire de page : prop links obligatoire ; title optionnel (défaut « Sommaire » dans le composant), utilisé comme texte visible et aria-label du nav.

Utilisation

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

<template>
  <BjSummary
    title="Sommaire"
    :links="[
      { label: 'Introduction', anchor: '#intro' },
      { label: 'Contact', anchor: '#contact' },
    ]"
  />
</template>

Aperçu

title par défaut (omis)

Titre du bloc (défaut : « Sommaire » côté composant). aria-label du nav = title.

<BjSummary
  :links="[
    { label: 'A', anchor: '#a' },
    { label: 'B', anchor: '#b' },
  ]"
/>

title personnalisé

<BjSummary
  title="Sur cette page"
  :links="[
    { label: 'Introduction', anchor: '#intro' },
  ]"
/>

Props

PropDescription
titleTitre du bloc (défaut : « Sommaire » côté composant). aria-label du nav = title.
linksTableau d’objets label + anchor ; href du lien = anchor (ex. #section).