We are using Layouts (via mytheme.layouts.yml) to create regions for our Node Edit forms. This looks something like...
edit_nodelayout:
label: 'Edit Node Layout'
category: edit
path: templates/panels
template: edit-nodelayout
default_region: toplayout
regions:
toplayout:
label: 'Top'
details:
label: 'Details'
other:
label: 'Other'
We have placed each field for the content-type into the appropriate region via the admin UI. At least one of our fields is a reference field to a Paragraph entity-type.
In our template, which is defined in the yml as /templates/panels/edit-nodelayout.html.yml, we are currently outputting all content as full regions.
{# some html here #}
{{ content.toplayout }}
{# some html here #}
{{ content.details }}
{# some html here #}
{{ content.other }}
How would we access individual items within a region? For example, if within the content.details region, we have placed a field called "Foo", how do we output that individually? We have tried this...
<p>Please enter everything you know about Foo</p>
{{ content.details.foo }}
This becomes interesting when the field called "Foo" is a reference to a Paragraph entity-type. How would we then output individual fields within "Foo" entity?
<p>Output the "bar" field within the "foo" Paragraph type</p>
{{ content.details.foo.bar }}
Any help, pointers to documentation appreciated.