BjFooter

Pied de page en deux zones : bande supérieure optionnelle (#top), bloc principal (#bottom) et slot par défaut rendu dans le même conteneur que #bottom.

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

<template>
  <BjFooter>
    <template #top>
      <p>Liens utiles</p>
    </template>
    <template #bottom>
      <p>© Organisation</p>
    </template>
    <p>Slot défaut après le bottom</p>
  </BjFooter>
</template>

<BjFooter>
  <template #top>
    <p class="bj-text-sm">Bandeau supérieur seul</p>
  </template>
</BjFooter>

<BjFooter>
  <template #bottom>
    <p class="bj-text-sm">Bloc principal</p>
  </template>
</BjFooter>

<BjFooter>
  <p class="bj-text-sm">Contenu via le slot par défaut uniquement</p>
</BjFooter>

<BjFooter>
  <template #top><p>Haut</p></template>
  <template #bottom><p>Bas</p></template>
</BjFooter>

<BjFooter>
  <template #bottom>
    <p>Premier bloc</p>
  </template>
  <p>Deuxième bloc (défaut)</p>
</BjFooter>

<BjFooter>
  <template #top><p>Top</p></template>
  <template #bottom><p>Bottom</p></template>
  <p>Default</p>
</BjFooter>

Slot	Description
`#top`	Contenu au-dessus du bloc principal (souvent liens secondaires). La zone n’est pas rendue si le slot est vide.
`#bottom`	Contenu du bloc principal (liens, mentions, etc.).
`default`	Contenu additionnel dans le conteneur du bas, après #bottom.

BjFooter

Utilisation

Aperçu

Slot #top

Slot #bottom

Slot par défaut

#top + #bottom

#bottom + défaut

#top + #bottom + défaut

Props