Skip to main content
Solved

Dashed underline for text that spans multiple lines


Teresa7

Hi, I’m trying to create a text button that is styled in a way where there’s text at the top and underneath the text there’s a dash underline. So similar to a link, but slightly different because it uses a dashed underline instead of a solid underline.

The problem is, if I have text that spans across multiple lines, the dashed line doesn’t go underneath the two lines, it only goes underneath the bottom of the frame. I can’t seem to figure out a way in Figma to make it span across two lines. I used a dashed bottom border in Figma. See example below:

image

Is there a way to get the dashed underline to appear in both lines in Figma? Like in the example above I want the dashed underline to appear under both the “Button” text.

Best answer by Nate_G

I don’t believe there is a way to do that currently. The only text decorations that will run multiple lines are underline (solid line) and strike-through.

View original

3 replies

Nate_G
  • Active Member
  • 171 replies
  • Answer
  • October 5, 2023

I don’t believe there is a way to do that currently. The only text decorations that will run multiple lines are underline (solid line) and strike-through.


dvaliao
Figmate
  • Community Support
  • 4581 replies
  • October 17, 2023

Hey Teresa, Nate is correct, but this is on our radar! Feel free to add your feedback for the team and vote here:


Seamus_Leonard2

How is the feature progressing? Its difficult to use the tool when it doesn’t have bases css text style parity


Reply


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