BjContent

Conteneur React pour le contenu éditorial : classe bj-content fusionnée sur le div racine, children pour le HTML riche.

Utilisation

import { BjContent } from '@flrxnt/dsbj/react'

export function Example() {
  return (
    <BjContent>
      <h2>Titre</h2>
      <p>Contenu éditorial avec styles typographiques DSBJ.</p>
    </BjContent>
  )
}

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>Section</h2>
  <p>Paragraphe.</p>
  <ul>
    <li>Point un</li>
    <li>Point deux</li>
  </ul>
</BjContent>

Children

Passez le fragment éditorial en children ; BjContent ajoute uniquement la classe de design system.

className et attributs

Vos classes passées via className sont fusionnées avec bj-content (pas de remplacement).

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

Props

Prop	Description
`children`	Contenu HTML riche à styliser (titres, paragraphes, listes).
`className`	Classes supplémentaires fusionnées avec bj-content (non destructif).
`(div props)`	Toute autre prop div native (id, role, data-*, style, etc.) est transmise au div racine.