BjContent

Conteneur Vue pour le contenu éditorial : applique la classe .bj-content et les styles typographiques DSBJ au HTML du slot par défaut.

Utilisation

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

<template>
  <BjContent>
    <h2>Titre</h2>
    <p>Contenu éditorial avec styles typographiques DSBJ.</p>
  </BjContent>
</template>

Aperçu

Titre de section

Ceci est un paragraphe de contenu éditorial stylisé automatiquement par le composant BjContent.

Liste à puces :

Premier point
Deuxième point

<BjContent>
  <h2>Titre de section</h2>
  <p>Paragraphe éditorial.</p>
  <ul>
    <li>Premier point</li>
    <li>Deuxième point</li>
  </ul>
</BjContent>

Slot par défaut

Placez titres, paragraphes, listes et liens dans le slot ; le composant ne fait qu’envelopper le fragment dans un div.bj-content.

Attributs natifs

Les attributs et écouteurs non reconnus (id, class, data-*, gestionnaires de clic, etc.) sont transmis au div racine via l’héritage d’attributs Vue 3.

<BjContent id="article-body" class="my-article" data-testid="content">
  <p>Contenu avec attributs sur le conteneur.</p>
</BjContent>

Props et héritage

Prop / slot	Description
`(default slot)`	Contenu HTML riche à styliser (slot par défaut).
`(div attrs)`	Tout attribut div natif ou écouteur est fusionné sur l’élément racine.