Fields in Paragraphs twig template

Question

I've created a paragraph type called "text_icon_boxes". It has 19 fields. I've added this paragraph type to one of my content types.

What I'd like to do is customise the display of this paragraph type. I've created a twig template paragraph--text-icon-boxes.html.twig, but the fields display "-1", etc. How do I access the paragraph fields in this twig template?

Here's a small snippet:

<div class="icon-box-left">
  <h2>{{ content.title }}</h2>
  <p>{{ content.text }}</p>
</div>

The twig template is the right one. Twig template suggestions:

<!-- FILE NAME SUGGESTIONS:
   x paragraph--text-icon-boxes--default.html.twig
   * paragraph--text-icon-boxes.html.twig
   * paragraph--default.html.twig
   * paragraph.html.twig
-->

Answer 1

The field variables are not right - they need to correlate to the field name.

Example:

{{ content.field_icon_1 }}

{{ content.field_icon_1_title }}

These are the render arrays you are looking for. {{ content.text }} does not exist.

Also, keep in mind that these render arrays are rendering those fields - you may want to place the markup in those field specific templates.