Any way to prevent Markdown's auto link functionality?

App Building
1

Hi everyone :wave:

I'm using a text component with the following value:

**Hello {{ account.email }}**

Which appears like this:
CleanShot 2023-04-26 at 15.37.42@2x
Is it possible to prevent the hyperlinking of the email address? I think there are some workarounds for manually entered email addresses, but since this is populated dynamically from a query response, I haven't been able to find a way to prevent it without switching the whole component to plain text.

Appreciate any pointers! :pray:

2

It's a browser "thing" more than markdown - you could trick it into being plain text by adding a html comment into the value so it'll not display as a mailto link but it's a bit hacky.

eg

**Hello {{ account.email.replace('@','<!-- -->@') }}**

3

Thanks so much, @dcartlidge! Hacky indeed, but it did do the trick :grin:

4