@fdmg/fd-read-history

FD-themed read history

Usage no npm install needed!

<script type="module">
  import fdmgFdReadHistory from 'https://cdn.skypack.dev/@fdmg/fd-read-history';
</script>

README

Build Status Coverage Status npm version Greenkeeper badge

fd-read-history

FD-themed read-history.

Installation

  • Run npm i -D @fdmg/fd-read-history

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 ReadHistory from '@fdmg/fd-read-history';
...
<ReadHistory
    news={[{
        uuid: '1',
        dateTime: `11:18`,
        title: `Provinciale lijsttrekkers CDA: stop met 'drammen en dromen' over klimaat`,
        url: `https://fd.nl/economie-politiek/1288207/provinciale-lijsttrekkers-cda-stop-met-drammen-en-dromen-over-klimaat`
    }, {
        uuid: '2',
        dateTime: `11:15`,
        title: `Luchtvaartbedrijf Germania valt om`,
        url: `https://fd.nl/ondernemen/1288215/luchtvaartbedrijf-germania-valt-om`
    }, {
        uuid: '3',
        dateTime: `11:10`,
        title: `Britse dienstensector krijgt harde tik van brexit`,
        url: `https://fd.nl/economie-politiek/1288213/britse-dienstensector-krijgt-harde-tik-van-brexit`
    }, {
        uuid: '4',
        dateTime: `11:00`,
        title: `DNB: Bovag-garantie toch geen verzekering`,
        url: `https://fd.nl/ondernemen/1288299/dnb-bovag-garantie-toch-geen-verzekering`
    }]}
/>