Статья

Создавайте потрясающие статьи на своей странице с компонентом Article. Компонент Article состоит из самой статьи, заголовка, метаданных, вводного абзаца и разделителей.

Применение

Класс	Пояснение
`.uk-article`	Добавьте класс `uk-article` для определения компонента Article. Как правило, при этом используется тег `<article>`, который представляет самостоятельную часть документа, может представлять статью на форуме, новость, запись блога, комментарий...
`.uk-article-title`	Добавьте класс `uk-article-title` в заголовок, чтобы создать заголовок статьи. Как правило, вы бы для этого использовали тег `<h1>`.
`.uk-article-meta`	Добавьте класс `uk-article-meta` в абзац, который содержит метаданные вашей статьи.
`.uk-article-lead`	Добавьте класс `uk-article-lead` в первый абзац статьи, чтобы выделить его.
`.uk-article-divider`	Добавьте класс `uk-article-divider` к элементу `<hr>`, чтобы создать разделитель, разделяющий различные разделы вашей статьи.

Пример

Заголовок статьи

Опубликовано 13 Мая 2020 г.

Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца.

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое. Лежа на панцирнотвердой спине, он видел, стоило ему приподнять голову, свой коричневый, выпуклый, разделенный дугообразными.

Разметка

<article class="uk-article">
    <h1 class="uk-article-title">Заголовок</h1>
    <p class="uk-article-meta">Автор, дата и время публикации</p>
    <p class="uk-article-lead">Выделим абзац</p>
    <p>...</p>
    ...
    <hr class="uk-article-divider">
    ...
</article>