# 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

Written by Super User on 12 April 2012. Posted in Blog

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 more

### Markup

    <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>