Affichage des données

Conversation bubbles

Des bulles de conversation affichent vos messages avec des styles ajustables, un regroupement et des réactions contrôlées.

Mina Torres

Mina Torres
The stock export is missing the warehouse location. Could you help us check the settings?
You
Open Export settings and turn on location fields. Then create a new CSV.
Mina Torres
That added the location column. I will share the steps with our warehouse team.

Utiliser Conversation bubbles

Des bulles de conversation affichent vos messages avec des styles ajustables, un regroupement et des réactions contrôlées.

Des bulles de conversation affichent vos messages avec des styles ajustables, un regroupement et des réactions contrôlées. Fournissez vos données et gérez les callbacks lorsque l’application doit conserver une modification.

Afficher un échange de support et enregistrer les changements de réaction dans l’application hôte.

L’exemple utilise un état local. Il ne se connecte à aucun serveur, n’envoie aucun message et ne conserve rien après démontage.

Propriétés: variant, accent, maxWidth, showReactions, grouped

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2315Chat message threadAffichage des donnéesUn fil de discussion alimenté par vos données garde visibles l’expéditeur et l’heure de chaque message.

2299Animated metric counterAffichage des donnéesUn grand chiffre nu qui jaillit d'une valeur de départ jusqu'à sa valeur cible au moment où il défile, dépassant légèrement avant de se stabiliser, avec des milliers de séparateurs et un suffixe facultatif.

2302Auto-Scroll Message ListAffichage des donnéesUn panneau de discussion déroulant qui reste épinglé sur le message le plus récent à moins que le lecteur ne fasse défiler vers le haut, auquel cas un bouton flottant jump-to-latest apparaît.

1917Avatar Lineup HoverAffichage des donnéesUne rangée de cercles d'avatar qui se chevauchent où le survol de l'un d'entre eux le soulève au-dessus de ses voisins et révèle une info-bulle de nom.

1918Avatar StackAffichage des donnéesUne rangée d'avatars circulaires superposés qui sépare et soulève celui sous le pointeur, révélant une info-bulle de nom au-dessus.

2113Before/After Code DiffAffichage des donnéesDeux panneaux de code côte à côte, étiquetés avant et après, avec des lignes ajoutées et supprimées teintées et un effet de mise au point en survol.