Monstera

ChatBubble

Le message dans un fil de conversation. Le coin pointu de la bulle dit laquelle des deux voix on lit.

Utilisation

import { ChatBubble } from "@monstera/ui"
Bonjour, je peux vous aider à préparer votre virement.
Vers quel compte, exactement ?
Rédaction en cours

Le fil

Incoming à gauche, outgoing à droite, et l'indicateur pendant que l'assistant rédige. L'alignement dans le fil appartient à l'écran : la bulle ne se place pas elle-même.

Accessibilité

En loading, la bulle est un message de statut : elle annonce « Rédaction en cours », et ses trois points sont cachés aux lecteurs d'écran. author dit qui parle, « Assistant » ou « Vous » : le nom est lu avant le message et jamais affiché, parce que le côté de la bulle ne le dit pas à un lecteur d'écran.

API

Prop

Type

Sur cette page