BjSkiplink

Liens d’évitement : sans prop links, le défaut est un tableau d’un seul lien « Aller au contenu » vers la cible #main.

Utilisation

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

<template>
  <BjSkiplink
    :links="[
      { label: 'Aller au contenu', target: '#main' },
      { label: 'Aller au menu', target: '#nav' },
    ]"
  />
</template>

Aperçu

Aller au contenu Aller au menu

Valeur par défaut (prop omise)

Tableau d’objets label + target ; target devient href. Défaut : Aller au contenu vers la cible #main.

Aller au contenu

<template>
  <BjSkiplink />
</template>

links personnalisés

Aller au contenu Aller au menu Aller à la recherche

<BjSkiplink
  :links="[
    { label: 'Aller au contenu', target: '#main' },
    { label: 'Aller au menu', target: '#navigation' },
    { label: 'Recherche', target: '#search' },
  ]"
/>

Un seul lien

Aller au contenu

<BjSkiplink :links="[{ label: 'Aller au contenu', target: '#main' }]" />

Props

Prop	Description
`links`	Tableau d’objets label + target ; target devient href. Défaut : Aller au contenu vers la cible #main.