How to Create Ionic Chat Bubbles with Elastic Textarea [v4]


Building your own chat component isn’t that easy, especially the backend part of connecting your users and managing your groups. But leaving that out for now, we can focus on building an easy and simple UI for any chat!

In this Quick Win we will build a chat UI with alternating message styling and also use an elastic textarea input in order to mimic the classic chat message input field behaviour.


For this we only need one additional package and some CSS!

The full quick win with snippets is only available to Ionic Academy members.
Join now for

  • Unlimited access to all quick wins
  • Library of 40+ step-by-step video courses
  • Support for Ionic questions via Slack & private community

Join now & Unlock

Current member? LOGIN

Leave a Reply

Your email address will not be published. Required fields are marked *