Article
Create articles within your page.
Usage
The article component constists of the article itself, a title, meta data, an opening paragraph and dividers.
Class | Description |
---|---|
.uk-article |
Add this class to define the Article component. Typically you would use an <article> element for this. |
.uk-article-title |
Add this class to a heading to create an article title. Typically you would use a <h1> element for this. |
.uk-article-meta |
Add this class to a paragraph which contains meta data about your article. |
.uk-article-lead |
Add this class to the opening paragraph of your article to highlight it. |
.uk-article-divider |
Add this class to a <hr> element to create a divider seperating different sections of your article. |
Example
Article title
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read moreMarkup
<article class="uk-article">
<h1 class="uk-article-title">...</h1>
<p class="uk-article-meta">...</p>
<p class="uk-article-lead">...</p>
...
<hr class="uk-article-divider">
...
</article>