BjChatBubble

Composant React pour les bulles de chat DSBJ. Props variant, avatar, sender, time, status et children pour le contenu.

Utilisation

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

export function ChatExample() {
  return (
    <div role="list">
      <BjChatBubble variant="received" sender="Amina" time="10:32">
        Bonjour, comment puis-je vous aider ?
      </BjChatBubble>

      <BjChatBubble variant="sent" time="10:33" status="read">
        J'ai besoin d'informations sur mon dossier.
      </BjChatBubble>

      <BjChatBubble variant="system">
        Conversation démarrée
      </BjChatBubble>
    </div>
  )
}

Aperçu

Amina
Bonjour, comment puis-je vous aider ?
10:32
J'ai besoin d'informations sur mon dossier.
10:33
Conversation démarrée

Props

PropDescription
variantreceived (défaut)
avatarURL de l'avatar (optionnel).
senderNom de l'expéditeur (optionnel).
timeHorodatage (optionnel).
statussent
childrenContenu du message.
classNameClasse additionnelle.

Accessibilité

Envelopper dans un conteneur role="list". Chaque bulle a role="listitem" et un aria-label automatique.