x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="media-card article-preview" data-media-alignment="top" data-layout-style="full-bleed">
<div class="text-card" data-layout-style="nested">
<h3 class="text-card__title text-card__title--m"><a data-turbo-frame="_top" href="/gll_component_library/articles/example">Press Release Title</a></h3>
<div class="text-card__body">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="media-card__byline">June, 16, 2026</div>
</div>
<div class="media-card__media">
<img alt="Preview image" loading="lazy" width="800" height="600" src="https://picsum.photos/seed/gll/800/600" />
</div>
</div>
1
2
3
4
5
article = build_article(
title:, preview_text:, published_at:, slug: "example",
image: show_image ? build_image : nil
)
render GllComponentLibrary::Patterns::ArticleSummaryCardComponent.new(article:)
Param Description Input