1.0.1 • Published 7 years ago
@ta-interaktiv/react-polymorphic-article-teasers v1.0.1
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 ⇐ 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} />
)
}