Article

Create articles within your page.


Usage

The article component constists of the article itself, a title, meta data, and an opening paragraph.

Usage

  • Class Description
    .article Add this class to define the Article component. Typically you would use an <article> element for this.
    .article-title Add this class to a heading to create an article title. Typically you would use a <h1> element for this.
    .article-meta Add this class to a paragraph which contains meta data about your article.
    .article-lead Add this class to the opening paragraph of your article to highlight it.
  • 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. Cupiditate dolore et, expedita. A harum, laboriosam quasi porro, aliquid placeat pariatur fuga, sed quaerat, molestias natus.


    Read more
  • <article class="article">
        <h1 class="article-title">...</h1>
        <p class="article-meta">...</p>
        <p class="article-lead">...</p>
        ...
    </article>