@economist/component-articletemplate

8.1.3 • Public • Published

component-articletemplate

A template with which to render articles

Goals

  • [x] Stateless.
  • [x] Supports different types of article content.
  • [x] Developed so that article variants with radically-different HTML can co-exist.
  • [x] Separation of styling concerns using variant-specific classes.

Design

An ArticleTemplate is a description of how an ArticleHeader, ArticleSubheader, ArticleBody and ArticleFooter should render a page.

By default it will render a very basic article template, however the use of the higher-order components within component-variantify allow the developer to declaratively specify the different article variants. Both ArticleTemplate and ArticleBodyTemplate can be wrapped to this effect.

All inner components receive a generateClassNameList which can have a class name passed into it so they generate additional variant classes. This function is created from the usage of the higher-order component withVariantClassNameList.

Variant-specific ArticleHeader, ArticleSubheader, ArticleBody and ArticleFooter components can be made with help from some basic components exposed where the default components are defined.

Variants

Usage

See example.es6 for usage instructions.

Install

npm install --save @economist/component-articletemplate;

Run tests

npm test;

Dependencies (2)

Dev Dependencies (54)

Package Sidebar

Install

npm i @economist/component-articletemplate

Weekly Downloads

95

Version

8.1.3

License

MIT

Last publish

Collaborators

  • wellingtonvieira
  • economist-org-bot