How to generate a link as 'href="#"'? In my theme, I have to output a toggle link like this:

&lt;a class="hl__link-tag hl__link-tag--with-arrow js-show-more-text-link" href="#" title="Click to show more / less text" aria-expanded="false" aria-controls="showMoreText{{ paragraph.id() }}"&gt;&lt;span class="hl__link-tag__toggle-text"&gt;Show Less&lt;/span&gt;&lt;span&gt;Show More&lt;/span&gt;&lt;/a&gt;


Its not a real field or anything like that. Is there a way I can use link or path functions to generate this output instead? I am guessing since the title has two spans in it that I cannot, but lets assume there were no spans, I'd like to know if this is possible.

I tried:

{{ link('Show More', 'internal:#') }}


and

{{ link('Show More', '#') }}


The first one creates an empty href, which does not work. The second throws a fatal error.
You could just type it into the template and dont have to do anything clever or twig based? e.g. 

&lt;a href="#"&gt;Show more&lt;/a&gt; 


The core html.html.twig quite happily does this for the #main-content link:

https://api.drupal.org/api/drupal/core%21modules%21system%21templates%21html.html.twig/8.2.x