Skip to main content
Teresa7
October 5, 2023
Solved

Dashed underline for text that spans multiple lines

  • October 5, 2023
  • 3 replies
  • 3134 views

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.

This topic has been closed for replies.
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.

3 replies

Nate_G
Nate_GAnswer
Power Member
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.

Nate G
djv
Figmate
Community Support
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
New Participant
October 6, 2024

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