uikit-article.html.twig in UIkit Components 8.3

Default theme implementation for a UIkit Article.

Available variables:

• title: The title of the article.
• meta: The metadata of the article.
• lead: The leading paragraph of the article.
• content: The content of the article.
• attributes: HTML attributes to be applied to the article.

See also

\Drupal\uikit_components\Element\UIkitArticle

template_preprocess_uikit_article()

https://getuikit.com/docs/article

File

templates/components/uikit-article.html.twig

{#
/**
 * @file
 * Default theme implementation for a UIkit Article.
 *
 * Available variables:
 * - title: The title of the article.
 * - meta: The metadata of the article.
 * - lead: The leading paragraph of the article.
 * - content: The content of the article.
 * - attributes: HTML attributes to be applied to the article.
 *
 * @see \Drupal\uikit_components\Element\UIkitArticle
 * @see template_preprocess_uikit_article()
 * @see https://getuikit.com/docs/article
 *
 * @ingroup uikit_components_theme_render
 */
#}
<article{{ attributes }}>
  {% if title %}
    <h1 class="uk-article-title">{{ title }}</h1>
  {% endif %}

  {% if meta %}
    <p class="uk-article-meta">{{ meta }}</p>
  {% endif %}

  {% if lead %}
    <p class="uk-text-lead">{{ lead }}</p>
  {% endif %}

  {% if content %}
    {{ content }}
  {% endif %}
</article>

Related topics

Render API Overview

Overview of the UIkit Components Theme system and Render API.