layout--twocol.html.twig in Drupal 10

Default theme implementation to display a two-column layout.

Available variables:

• content: The content for this layout.
• attributes: HTML attributes for the layout <div>.

2 theme calls to layout--twocol.html.twig

FieldLayoutBuilderTest::testBuildForm in core/modules/field_layout/tests/src/Unit/FieldLayoutBuilderTest.php

@covers ::buildForm @covers ::getFields

FieldLayoutBuilderTest::testBuildView in core/modules/field_layout/tests/src/Unit/FieldLayoutBuilderTest.php

@covers ::buildView @covers ::getFields

File

core/modules/layout_discovery/layouts/twocol/layout--twocol.html.twig

{#
/**
 * @file
 * Default theme implementation to display a two-column layout.
 *
 * Available variables:
 * - content: The content for this layout.
 * - attributes: HTML attributes for the layout <div>.
 *
 * @ingroup themeable
 */
#}
{%
  set classes = [
    'layout',
    'layout--twocol',
  ]
%}
{% if content %}
  <div{{ attributes.addClass(classes) }}>
    {% if content.top %}
      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
        {{ content.top }}
      </div>
    {% endif %}

    {% if content.first %}
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
        {{ content.first }}
      </div>
    {% endif %}

    {% if content.second %}
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
        {{ content.second }}
      </div>
    {% endif %}

    {% if content.bottom %}
      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
        {{ content.bottom }}
      </div>
    {% endif %}
  </div>
{% endif %}

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.