Skip to content
This repository has been archived by the owner on Dec 12, 2023. It is now read-only.

Latest commit

 

History

History
59 lines (53 loc) · 1.92 KB

README.md

File metadata and controls

59 lines (53 loc) · 1.92 KB

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

Build Status Coverage Status npm version

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()
        }]
    }
/>