Skip to main content
Question

How to make "Show more" for comment?


Any suggestions, link to tutorials how to add show more link/button for truncated text (like in image). How does it fits in the auto layout?

This topic has been closed for comments

3 replies

  • 10 replies
  • April 19, 2023

First think I can think of is to create a component set. Variant A is going to hold the truncated text, and variant B for the full text. When you click on “read more”, you can change the component instance from variant A to variant B with smart animation if you like. Using a property for the comment content would be practical for future use.

To be able to truncate the text :
Figma comes with “truncate” option for text. You can apply that on the text.

Good luck.


Zi_Lin
  • 1 reply
  • December 5, 2023

@Enes_K Hi, just wondering could you provide some suggestion on how to truncate half of the last line? Currently I’m doing it by creating several lines of text boxes, and only truncate the last one, not sure if there is any better way to do that.


  • 1 reply
  • August 23, 2024

Hey, did you figure this out?


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings