Article

Article component

- default

Title

Written by Super User on 24 November 2017. Posted in Blog

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur repellendus excepturi

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti iure totam nam debitis aliquid impedit, et quas omnis aspernatur optio molestias ex laborum quia. Ducimus culpa tempore, veritatis officia delectus dolore dignissimos reprehenderit vero, sunt odit placeat est non molestiae ipsa nam velit in iusto hic quasi similique facere. Maxime?

<Article title="Title">
    <p slot="meta">
      Written by Super User on 24 November 2017. Posted in Blog
    </p>
    <p slot="textLead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur repellendus excepturi</p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti iure totam nam debitis aliquid impedit, et quas omnis aspernatur optio molestias ex laborum quia. Ducimus culpa tempore, veritatis officia delectus dolore dignissimos reprehenderit vero, sunt odit placeat est non molestiae ipsa nam velit in iusto hic quasi similique facere. Maxime?
    </p>
    <p slot="footer">
      <button>Read More</button>
      <button>5 Comments</button>
    </p>
  </Article>

- border

Title

Written by Super User on 24 November 2017. Posted in Blog

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti iure totam nam debitis aliquid impedit, et quas omnis aspernatur optio molestias ex laborum quia. Ducimus culpa tempore, veritatis officia delectus dolore dignissimos reprehenderit vero, sunt odit placeat est non molestiae ipsa nam velit in iusto hic quasi similique facere. Maxime?

<Article title="Title" border>
    <p slot="meta">
      Written by Super User on 24 November 2017. Posted in Blog
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti iure totam nam debitis aliquid impedit, et quas omnis aspernatur optio molestias ex laborum quia. Ducimus culpa tempore, veritatis officia delectus dolore dignissimos reprehenderit vero, sunt odit placeat est non molestiae ipsa nam velit in iusto hic quasi similique facere. Maxime?
    </p>
  </Article>

API

Source code: Article.svelte