Комментарий

Создавать комментарии, например о статьях.

Использование

Комментарий компонент состоит из заголовка комментария, включая аватар, заголовок и Мета данные, и теле комментария.

Класс Описание
.uk-comment Добавить этот класс, чтобы определить comment компонент.
.uk-comment-header Добавить этот класс, чтобы создать комментарий в заголовке.
.uk-comment-avatar Добавить этот класс в сообщение <img> элемент создать аватар для комментария автора.
.uk-comment-title Добавьте этот класс к заголовку создания комментария титул.
.uk-comment-meta Добавьте этот класс к абзацу создавать Мета данные о вашем комментарии.
.uk-comment-body Добавьте этот класс к <div> элемент для создания комментария тела.

Пример

Автор

12 days ago | Profile | #

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Разметки

<article class="uk-comment">
    <header class="uk-comment-header">
        <img class="uk-comment-avatar" src="" alt="">
        <h4 class="uk-comment-title">...</h4>
        <div class="uk-comment-meta">...</div>
    </header>
    <div class="uk-comment-body">...</div>
</article>

Комментарий списков

Добавить .uk-comment-list класс <ul> элемент для создания списка комментариев. Можно вкладывать любое количество <ul> элементы внутри списка комментариев.

Пример

  • Автор

    12 days ago | Profile | #

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    • Автор

      12 days ago | Profile | #

      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Разметки

<ul class="uk-comment-list">
    <li>
        <article class="uk-comment">...</article>
        <ul>
            <li><article class="uk-comment">...</article></li>
        </ul>
    </li>
    <li><article class="uk-comment">...</article></li>
</ul>

Цвет модификатор

Стиль комментария по-разному, например, чтобы выделить его как админа комментарий, просто добавьте .uk-comment-primary класс.

Пример

Автор

12 days ago | Profile | #

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Разметки

<article class="uk-comment uk-comment-primary">...</article>

Вы можете также использовать subnav от Subnav компонент для отображения комментария Мета данных.

Пример

Разметки

<ul class="uk-comment-meta uk-subnav uk-subnav-line">
    <li>...</li>
</ul>