Ahmad Shadeed sweats the details to recreating the little component above, as found in Facebook’s Messenger.
In this article, I will show you a component that looks simple from the first glance, but there is a ton of work behind it.
As you can derive from the article’s length: the devil is in the details. You can get to a basic result really quickly, but most of your time will go to making it resilient, supporting RTL, implementing all variants, supporting Dark Mode, …