You all may have experienced this issue like we have were you want to add Ellipsis using Tailwind. Clear answer there is no such class that you can add currently to achieve that. There is an open issue on the official github account regarding the same.
So either you can write your own css class for it. "Max Character Length with Ellipsis Using CSS", See this article to find some hacks here is my favourite.
There is another cool way btw, using a tailwind plugin.
@tailwindcss/line-clamp, is plugin to do Multi-line truncation in tailwind.
To install it
npm install @tailwindcss/line-clamp
then add this to your
after that you can access to all the classes to do line clipping, just use following code snippet to try it out.
All classes you can use now.
Now you can create the perfect layouts like we did.
That's it for now. We will see you in our next article real soon. Meanwhile checkout our new product "Dollar Tailwind". 200+ Tailwind compoments worth 400$ now get it in just 99$.