text-image

Information

Folder
src/components/patterns/text-image

Files

Schema
Mocks
Template
// src/components/patterns/text-image/text-image.twig

{{ attach_library("circle_dot/pattern-text-image") }}
<div class="TextImage">
	{% if heading %}
		<div class="TextImage-heading">
			{{ heading }}
		</div>
	{% endif %}
	<div class="TextImage-content TextImage-content--{% if reversed %}reversed{% else %}default{% endif %}">
		<div class="TextImage-text">
			{{ text }}
			{% if cta %}
				<div class="TextImage-cta">
					{% include "@elements/button/button.twig" with cta|merge({
						modifiers: ["secondary"],
					}) only %}
				</div>
			{% endif %}
		</div>
		<div class="TextImage-image">
			{{ image }}
		</div>
	</div>
</div>

Variants

default
Open

default mock data

Raw
Resolved
Reversed
Open

Reversed mock data

Raw
Resolved
With heading
Open

With heading mock data

Raw
Resolved