x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="media-card" data-media-alignment="left" data-media-size="medium" data-title-size="large">
<div class="text-card" data-layout-style="nested">
<h3 class="text-card__title">Swimming Lessons</h3>
<div class="text-card__subtitle">For all ages</div>
<div class="text-card__body">
<p>Learn to swim with our qualified instructors in a friendly environment.</p>
</div>
</div>
<div class="media-card__media">
<img alt="Swimming pool" src="https://picsum.photos/seed/swimming/800/600" />
</div>
</div>
1
2
3
4
5
6
clickable = show_button ? build_button(title: "Book Now", style: button_style, href: "/book") : nil
pattern = build_media_card(
title:, subtitle:, body:, clickable:, asset: content_a,
layout_media_alignment:, layout_media_size:, layout_title_size:
)
render GllComponentLibrary::Patterns::MediaCardComponent.new(pattern:)
Param Description Input