Advanced Chat Bubble Skeleton - More like WhatsApp

[Mashiane]

I wanted some components inside a chat bubble. In case someone needs something similar, you can use hidden class to show and hide specific sections of the chatbubble. I am using javascript to show & hide particular items in the chat bubble.

1. Show reply text with a border with hover underline
2. Show document
3. Show image
4. Show video
5. Show reply button (top right) on hover
6. Show reaction (heart bottom right)

https://play.tailwindcss.com/cpt6kdpvcy

[saadeghi]

Thanks for sharing @Mashiane