Skip to content
This repository has been archived by the owner on Jun 11, 2020. It is now read-only.

FDMediagroep/fd-ts-react-breaking-teaser

Repository files navigation

DEPRECATED ❗ : Superseded by @fdmg/design-system. See: https://github.com/FDMediagroep/fd-design-system

Build Status Coverage Status npm version

fd-breaking-teaser

FD-themed breaking teaser.

Installation

  • Run npm i -D @fdmg/fd-breaking-teaser

Demo

To run the demo, check-out this repository and run npm run build-demo. After the build succeeded you can open dist/demo.html with your webbrowser.

Usage

import BreakingTeaser from '@fdmg/fd-breaking-teaser';
...
<BreakingTeaser
        id="123"
        bookmarked={false}
        comments={99}
        description="Containers van warenhuizen als Amazon en Alibaba bevatten een veelheid aan producten die allemaal apart ingeklaard moeten worden."
        url="https://dev.fd.nl/ondernemen/1254849/douane-20-tot-30-meer-aangiftes-door-groei-in-webwinkelen"
        hashTags="#Kitchensink"
        imageUrl="https://fd-external-development.imgix.net/43ed7a431f43ef9a3d43afd82d6ccbeb82610ffa.jpg"
        alt="Douane: 20 tot 30% meer aangiftes door groei in webwinkelen"
        onBookmark={() => {}}
        subject="Monetair"
        readableAge="7 uur"
        related={[{
            longread: true,
            title: '‘Als vrouw moet je altijd onafhankelijk zijn’',
            url: 'https://dev.fd.nl/profiel/1235280/als-vrouw-moet-je-onafhankelijk-zijn',
            uuid: "234"
        }, {
            title: 'President van de Amerikaanse Fed hamert op onafhankelijkheid',
            url: 'https://dev.fd.nl/economie-politiek/1235274/president-van-de-amerikaanse-fed-hamert-op-onafhankelijkheid',
            uuid: "345"
        }]}
        title="Douane: 20 tot 30% meer aangiftes door groei in webwinkelen"
    />

About

FD-themed breaking teaser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •