Dynamic Card

a light-weight React Dynamic Card Component.

Installation

npm i dynamic-card

Usage

import DynamicCard from 'dynamic-card';
import Img from './test.jpg'

const MyCard = () => {
    <DynamicCard
        Img={Img}
        Category={"Episode 1"}
        Title={"Responsible growth for the long term"}
        Summary={"Going all out to maximize the revenue from your app or game won’t necessarily guarantee"+
        "that you’ll have a healthy business in the future. Sometimes, respecting your user and pulling back"+
        "from extracting everything you can from them may be the key to long-term success. A more holistic approach,"+
        " one which considers the game, the players, and the people who create the game can reap big rewards . "+
        " In this episode our hosts are joined by Sarah Fuchs and Judy Check from Crowdstar, "+
        " a game developer that has built their long term success by taking an unconventional path by game industry standards..."}
        AuthorName={"Apps, Games & Insights"}
        AuthorDate={"March 5, 2020"}
        onClick={()=>{console.log("Click")}}
    />
}

API

| param | detail | type | require* | | ----------- | ---------------------------------------------- | -------- | -------- | | Img | card image which will display when mouse enter | string | true | | Category | card category of the detail | string | true | | Title | title of the card | string | true | | Summary | summary of the card | string | true | | AuthorName | the name of this card's creater | string | true | | AuthorDate | the date detail of this card | string | true | | onClick | onClick Event handler | function | false |