Component Library 2.13.1 (configured with Dummy App)
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="media-card" data-media-alignment="left" data-media-size="medium" data-media-type="image">  
  <div class="media-card__content">
    <div class="text-card" data-layout-style="nested">  
      <h3 class="text-card__title">Swimming Lessons</h3>
      <div class="text-card__body">
        <p>Learn to swim with our qualified instructors.</p>
      </div>
    </div>
  </div>
  <div class="media-card__media">
    <div class="img-container" data-fit="cover">
      <img alt="Swimming pool" loading="lazy" width="800" height="600" src="https://picsum.photos/seed/swimming/800/600" />
    </div>
  </div>
</div>
1
2
3
4
5
6
pattern = build_media_card(
  title: "Swimming Lessons", body: "<p>Learn to swim with our qualified instructors.</p>",
  asset: content_a, layout_style: (layout_style unless layout_style == "none"),
  layout_media_alignment:, layout_media_fit: (layout_media_fit unless layout_media_fit == "none"), layout_media_size:
)
render GllComponentLibrary::Patterns::MediaCardComponent.new(pattern:)

An editor's fit override (BOU-2986) wins over the layout's own fit; video and embeds ignore it.

Param Description Input

—

—

—

—