Component Library 2.3.12 (configured with Dummy App)
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">  
  <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
7
8
9
button = build_button(title: "Book Now", style: button_style, href: "/book") if show_button
hyper_link = build_hyper_link(href: "/book", title: "Learn more") if show_link
resolved_layout_title_size = layout_title_size == "none" ? nil : layout_title_size
resolved_layout_style = layout_style == "none" ? nil : layout_style
pattern = build_media_card(
  title:, subtitle:, body:, button:, hyper_link:, asset: content_a,
  layout_title_size: resolved_layout_title_size, layout_style: resolved_layout_style, layout_media_alignment:, layout_media_size:
)
render GllComponentLibrary::Patterns::MediaCardComponent.new(pattern:)

No notes provided.

Param Description Input

—

—

—

—

—

—

—

—

—

—