Article Teasers using external sources (Polymorphic Article Teasers)

Shows an article teaser list like @ta-interaktiv/react-article-teasers, but allows you to define an external source with a list of article IDs for quick updating.

Installation

yarn add @ta-interaktiv/react-polymorphic-article-teasers

PolymorphicArticleTeasers

Example (Format of the CSV)

ID
29014315
14861953
29390761
16418561
30299320
10332177
20874355
30846102
22946013

• PolymorphicArticleTeasers
  • module.exports ⇐ React.Component ⏏
    • new module.exports()

module.exports ⇐ React.Component ⏏

Load article teasers using an external list.

Kind: Exported class
Extends: React.Component
Version: 1.0

new module.exports()

Create a new externally loaded article teaser list.

| Param | Type | Default | Description | | --- | --- | --- | --- | | props.srcUrl | string | | The URL where the CSV is to be found. | | [props.numberOfCards] | string | "two" | How many article teaser should be shown in a row on desktop devices. As a number word. ('one', 'two', 'three', etc.) | | [props.sorting] | sortMode | manual | The sorting mode. Choose from one of the options from sortMode of the original Article Teasers component. | | [props.additionalClasses=] | string | | Additional classes to be passed to the cards element. As defined in the {@link http://semantic-docs.xeophin.com/views/card.html|Card documentation}. |

Example

import ArticleTeasers from '@ta-interaktiv/react-polymorphic-article-teasers'
import {sortMode} from '@ta-interaktiv/react-article-teasers'

function SomeComponent (props) {
  return (
    <ArticleTeasers
      srcUrl='//interaktiv.tagesanzeiger.ch/2017/200-jahre-velo/data/articles.csv'
      sorting={sortMode.REVERSE_CHRONOLOGICALLY_BY_UPDATE_DATE} />
  )
}