@fdmg/fd-my-interests

FD-themed my interests

Usage no npm install needed!

<script type="module">
  import fdmgFdMyInterests from 'https://cdn.skypack.dev/@fdmg/fd-my-interests';
</script>

README

Build Status Coverage Status npm version Greenkeeper badge

fd-my-interests

FD-themed my interests.

Installation

  • Run npm i -D @fdmg/fd-my-interests

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 MyInterests from '@fdmg/fd-my-interests';
...
<MyInterests
    cardStyle="default"
    onAddInterest={this.onAddInterest}
    onDisableAlertClick={this.onDisableAlertClick}
    onEnableAlertClick={this.onEnableAlertClick}
    onFollowClick={this.onFollowClick}
    onUnfollowClick={this.onUnfollowClick}
    title="Onderwerpen aanpassen"
    titleLink="https://fd.nl/mijn-nieuws"
    interests={[{
            tag: 'Detailhandel',
            uuid: uniqid()
        }, {
            selected: true,
            tag: 'Eten & Drinken',
            uuid: uniqid()
        }, {
            selected: true,
            tag: 'Foodie',
            uuid: uniqid()
        }, {
            selected: true,
            tag: 'Junkfood',
            uuid: uniqid()
        }, {
            alertSelected: true,
            selected: true,
            tag: 'Supermarkt',
            uuid: uniqid()
        }, {
            selected: true,
            tag: 'Sommelier',
            uuid: uniqid()
        }]
    }
/>