Article Meta
The Article Meta component is a set of social media and related links that appears on the Stories page.
{% import '@h4h_theme/icons/icons.twig' as icons %}
<div class="article-meta">
<div class="article-meta__author article-meta__section">
<div class="article-meta__title article-meta__learn-more--title">{{ author.title }}</div>
{%
include '@h4h_theme/info-plain/info-plain.twig' with {
label: author.label,
} only
%}
</div>
<div class="article-meta__team-leader article-meta__section">
<div class="article-meta__title article-meta__team-leader--title">{{ leading.title }}</div>
{%
include '@h4h_theme/info/info.twig' with {
label: leading.label,
url: leading.url,
icon: leading.icon
} only
%}
</div>
<div class="article-meta__more-stories article-meta__section">
<div class="article-meta__title article-meta__more-stories--title">{{ more_stories.title }}</div>
<div class="article-meta__more-stories--links">
{%
include '@h4h_theme/tags/tags.twig' with {
items: more_stories.items
} only
%}
</div>
</div>
<div class="article-meta__learn-more article-meta__section">
<div class="article-meta__title article-meta__learn-more--title">{{ learn_more.title }}</div>
<div class="article-meta__learn-more--links">
{%
include '@h4h_theme/tags/tags.twig' with {
items: learn_more.items
} only
%}
</div>
</div>
<div class="article-meta__share-this article-meta__section">
<div class="article-meta__title article-meta__share-this--title">{{ share.title }}</div>
{%
include '@h4h_theme/share/share.twig' with {
items: share.items
} only
%}
</div>
</div>