How to link to a file in twig template

Question

I'm trying to link to a file in a view. I have a field in the view that outputs the link if I use it like this:

<div class="product-cta-view-pdf">
  {{ fields.field_notice.content }}
</div>

The output: /sites/default/files/products/notice/test.pdf

What I want to do is use that to create a link to the pdf to view (and another one to download). How can I use this in the href of a link?

Answer 1

You can use the drupal build in file_url twig function for that:

{{ file_url( fields.field_notice.content) }}

You can find more information about the Drupal build in twig functions here:

https://www.drupal.org/docs/8/theming/twig/functions-in-twig-templates