BjNavigation

Conteneur de navigation : le slot par défaut doit fournir des éléments li.bj-nav__item contenant des liens .bj-nav__link (liste ul gérée par le composant).

Utilisation

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

<template>
  <BjNavigation>
    <li class="bj-nav__item">
      <a class="bj-nav__link" href="#">Accueil</a>
    </li>
    <li class="bj-nav__item">
      <a class="bj-nav__link" href="#">Services</a>
    </li>
  </BjNavigation>
</template>

Aperçu

Un lien

<BjNavigation>
  <li class="bj-nav__item">
    <a class="bj-nav__link" href="#">Accueil</a>
  </li>
</BjNavigation>

Plusieurs liens

<BjNavigation>
  <li class="bj-nav__item"><a class="bj-nav__link" href="#">Accueil</a></li>
  <li class="bj-nav__item"><a class="bj-nav__link" href="#">Services</a></li>
  <li class="bj-nav__item"><a class="bj-nav__link" href="#">Contact</a></li>
  <li class="bj-nav__item"><a class="bj-nav__link" href="#">À propos</a></li>
</BjNavigation>

Lien courant (aria-current)

<BjNavigation>
  <li class="bj-nav__item">
    <a class="bj-nav__link" href="/">Accueil</a>
  </li>
  <li class="bj-nav__item">
    <a class="bj-nav__link" href="/ici" aria-current="page">Page courante</a>
  </li>
</BjNavigation>

Props

PropDescription
defaultSlot par défaut : uniquement des li avec les classes DSBJ ; pas de ul à ajouter manuellement.