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-teasersPolymorphicArticleTeasers
Example (Format of the CSV)
ID
29014315
14861953
29390761
16418561
30299320
10332177
20874355
30846102
22946013-
PolymorphicArticleTeasers
-
module.exports ⇐
React.Component⏏
-
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 |
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} />
)
}